/* --- VON-GRAWERT.COM --- FRONTPAGE.CSS --------------------  */

/* --- RESOURCES --------------------------------------------  */

@font-face
{
 	font-family : CalibriLight ;
	src : url(../res/fnt/calibri.woff) format('woff') ;
}

/* --- GENERAL SETTINGS -------------------------------------  */

*
{
	line-height : 100% ;
	border-image-width : 0 ;
	box-sizing : border-box ;
	-webkit-user-select : none ;
	-ms-user-select : none ;
	user-select : none ;
}

html , body
{
	overflow : hidden ;
	height : 100% ;
	width : 100% ;
	padding : 0 ;
	margin : 0 ;
}

/* --- MAIN ELEMENTS : COMMON -------------------------------  */

body
{
	background-image : url(../res/jpg/frontpage.jpg) ;
	background-size : cover ;
	flex-direction : row ;
	align-items : center ;
	display : flex ;
}

/* --- MAIN ELEMENTS : LANDSCAPE ----------------------------  */

.landscape
{
	background-position : 100% 75% ;
}

/* --- MAIN ELEMENTS : PORTRAIT -----------------------------  */

.portrait
{
	background-position : 68% 0% ;
}

/* --- BODY : COMMON ----------------------------------------  */

.charlie
{
	background-repeat : no-repeat ;
	background-position : 0% 0% ;
	background-size : contain ;
}

.content
{
	font-family : CalibriLight ;
	color : #344578 ;
}

/* --- BODY : LANDSCAPE -------------------------------------  */

.landscape .leftpos
{
	display : none ;
}

.landscape .charlie
{
	background-image : url(../res/png/charlie_LS.png) ;
	margin-top : 4vh ;
	display : block ;
	width: 75.75vh ;
	height : 96vh ;
	float : left ;
}

.landscape .content
{
	width : calc(100% - 61.015vh) ;
	margin-top : 4vh ;
	display : block ;
	height : 96vh ;
	float : left ;
}

/* --- BODY : PORTRAIT --------------------------------------  */

.portrait .leftpos
{
	max-width : 34.848vh ;
	display : block ;
	margin-top: 4vh ;
	width : 47.5vw ;
	height : 96vh ;
	float : left ;
}

.portrait .charlie
{
	background-image : url(../res/png/charlie_PT.png) ;
	margin-left : -31vh ;
	display : block ;
	margin-top: 4vh ;
	height : 96vh ;
	width : 28vh ;
	float : left ;
}

.portrait .content
{
	width : calc(100vw - 34.848vh) ;
	min-width : 52.5vw ;
	display : block ;
	margin-top: 4vh ;
	height : 96vh ;
	float : left ;
}

/* --- END OF FILE --- FRONTPAGE.CSS ------------------------  */