/* standard text styles */
p, ol, body, td, th, .text, div, ul, li, input, select , textarea {
	color:#575656;
	font-family: 'Roboto', sans-serif;
	font-size:1rem;
}

/* custom text styles */
.title_claim		{ font-size: 1.5rem;margin-top: 2.5rem; }

/* general styles */
ul			{ list-style-type: square; }

/* link styles */
a:link			{ color:#575656; text-decoration:none; }
a:visited		{ color:#575656; text-decoration:none; }
a:hover			{ color:#575656; text-decoration:underline; }
a:active		{ color:#575656; text-decoration:underline; }

.top_piece {
	height: 15vh;
	padding-top: 0px;
	background:#ececed;
}
.mid_piece_table {
	display: table;
	width:100%;
	height:65vh;
	background:#ffffff;
}
.mid_piece_cell {
	display: table-cell;
	vertical-align: middle;	
}
.logo_scalera_img {
	height:45vh;
	max-width:1000px;
}
.bottom_piece {
	box-sizing: border-box;
	padding-top: 1.5rem;
	height: 20vh;
	background:#ececed;
}



@media screen and (max-width: 901px) and (orientation: portrait){
	p, ol, body, td, th, .text, div, ul, li, input, select , textarea {
		font-size:2.1rem;
	}
	.title_claim		{ font-size: 2.5rem;margin-top: 1rem; }
	.top_piece {
		height: 5vh;
		padding-top: 0px;
		background:#ececed;
	}
	.mid_piece_table {
		display: table;
		width:100%;
		height:75vh;
	}
	.mid_piece_cell {
		display: table-cell;
		vertical-align: middle;	
	}
	.logo_scalera_img {
		height:45vh;
		max-width: 900px;
	}
	.bottom_piece {
		box-sizing: border-box;
		padding-top: 3.5rem;
		height: 15vh;
		background:#ececed;
	}	
	
}


@media screen and (max-width: 901px) and (orientation: landscape){
	.title_claim		{ font-size: 1.2rem;margin-top: 1rem; }
	.top_piece {
		height: 10vh;
		padding-top: 0px;
		background:#ececed;
	}
	.mid_piece_table {
		display: table;
		width:100%;
		height:60vh;
	}
	.mid_piece_cell {
		display: table-cell;
		vertical-align: middle;	
	}
	.logo_scalera_img {
		height:40vh;
		max-width:1000px;
	}
	.bottom_piece {
		box-sizing: border-box;
		padding-top: .9rem;
		height: 18vh;
		background:#ececed;
	}
	
}