/* Christine Vandemoortele personal site *\
\* A.C.A. ** 16th October 2017 */

@font-face
{
	font-family:"InterstateLight";
	src:local("InterstateLight"),
		url('/fonts/Interstate-Light.ttf') format('truetype');
}

@font-face
{
	font-family:"InterstateRegular";
	src:local("InterstateRegular"),
		url('/fonts/Interstate-Regular.ttf') format('truetype');
}

:root {
	--body-font-size: 13px;
}

body {font-size:var(--body-font-size); color:#767676; font-family:InterstateLight,Arial}

.blue {color:#136585}


div { box-sizing: border-box; }

a {color:#797676; text-decoration:none; transition-property:color,background-color; transition-duration:1s}
a:hover {color:black}


img {max-width:100%}

h1, h2 {margin-top:0px}

div#wrapper {position:absolute; left:0px; top:0px; right:0px; height:auto;}


div.PageTexts {overflow:hidden; position:relative; font-size:14px}

div#content[class='panel-container'] {margin:20px;  overflow: hidden; height:auto }


div#content[class='panel-container'] > * {min-height:calc((100vw - 20px - 20px) * 0.53);}

/*div#content[class='panel-container'] > *:first-child {height:25vh;}*/
	div#content[class='panel-container'] > *:last-child {  background-color: #F4F4F4; color:#8D8D8D }

	div#content[class='panel-container'] > div.image-panel { background-position:center center; background-size:cover }





@media screen and (min-width:769px)
{
	div#content[class='panel-container'] > * {min-height:50vh;}
	div#content[class='panel-container'] {display:flex;}

	div#content[class='panel-container'] > *:first-child { flex: 5; margin-right:5px; height:auto  }
	div#content[class='panel-container'] > *:last-child { flex: 3; }
}


div#content[class='panel-container'] > *:last-child > * { margin: 15px;  }
	div#content[class='panel-container'] > div.PageTexts:last-child {margin-top:5px}

@media screen and (max-width:414px)
{
	div#content[class='panel-container'] > div.PageTexts:last-child > * { margin-left:calc(18% - 15px);}
}


@media screen and (min-width:415px) {
	div.PageTexts {font-size:14px; line-height:17px}
	div#content[class='panel-container'] > div.PageTexts:last-child > * { margin-left: 32.5%; margin-right: 6.3%; }
}

@media screen and (min-width:769px) {
	/*div.PageTexts {line-height:20px}*/
	div#content[class='panel-container'] > div.PageTexts:last-child > * { margin-left: calc(25% - 20px); margin-right: 15px; }
	div#content[class='panel-container'] > div.PageTexts:last-child { margin-top: 0px; }
}


/* Added extra site spacing for desktop ACA 7/11/2017 */

@media screen and (min-width:769px)
{
	div.CustomPage, header, div[class='panel-container']#content {margin-left:50px!important; margin-right:50px!important}

	header { margin-top: 50px!important; }
}