.mainContent {

	background-color: #000000;

}

.container {

	background-color: #000000;
	
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	
}

.panel {
	
	max-width: 90em !important;
	
	margin-top: 8px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}

.letter {
	
	background: url(../img/background-letter.jpg) center center no-repeat;
	background-size: auto;	
	
}

.letter-mobile {
	
	background: url(../img/background-letter-mobile.jpg) center center no-repeat;
	background-size: auto;	
	
}


@media only screen and (min-width: 40.063em) and (min-height: 40em) {

	.panel{
		height: -o-calc(110vh - 5.875rem) !important; /* opera */
		height: -webkit-calc(110vh - 5.875rem) !important; /* google, safari */
		height: -moz-calc(110vh - 5.875rem) !important; /* firefox */
		height: calc(110vh - 5.875rem) !important;
	}

 } /* Phone Portrait */
 
 @media only screen and (min-width: 40.063em) and (max-width: 50em) and (max-height: 40em) {

	.panel{
		height: -o-calc(135vh) !important; /* opera */
		height: -webkit-calc(135vh) !important; /* google, safari */
		height: -moz-calc(135vh) !important; /* firefox */
		height: calc(135vh) !important;
	}
	
} /* iPhone Landscape */

@media only screen and (min-width: 40.063em) and (max-width: 50em) and (min-height: 40em) {

	.panel{
		height: -o-calc(60vh) !important; /* opera */
		height: -webkit-calc(60vh) !important; /* google, safari */
		height: -moz-calc(60vh) !important; /* firefox */
		height: calc(60vh) !important;
	}
	
} /* iPad Portrait */

@media only screen and (min-width: 50.063em) and (max-width: 64em) {

	.panel{
		height: -o-calc(100vh) !important; /* opera */
		height: -webkit-calc(100vh) !important; /* google, safari */
		height: -moz-calc(100vh) !important; /* firefox */
		height: calc(100vh) !important;
	}
	
} /* iPad Landscape */

/*Large screens*/
@media only screen and (min-width: 64.063em) {
	
	.panel{
		height: -o-calc(95vh) !important; /* opera */
		height: -webkit-calc(95vh) !important; /* google, safari */
		height: -moz-calc(95vh) !important; /* firefox */
		height: calc(95vh) !important;
	}

 } /* Laptops */