html {
	font-size:14pt;
}

div#ctitle {
	max-width:100%;
	margin-top:2rem;
	margin-bottom:3rem;
	letter-spacing: 1px;
	font-variant:small-caps;
	font-weight:300;
	padding-left:10%;
	padding-right:10%;
}


div#maincontext {
	display:flex;
	justify-content: center;
	padding-top:5rem;
	padding-bottom:5rem;
}


div#maincontent {
	width:100%;
	max-width:100%;
	padding-left:10%;
	padding-right:10%;
	display:flex;
}


div#subtitle {
	float:left;
	font-size: 3.8rem;
	letter-spacing: 1px;
	font-variant:small-caps;
	font-weight:300;
	height:100%;
	padding-right:3%;
	flex:1 1.7 100%;
}


.subtitle {
	float:left;
	width:100%;
	font-size: 3.8rem;
	letter-spacing: 1px;
	font-variant:small-caps;
	font-weight:300;
	padding-right:3%;
	margin-bottom:2rem;
}

.ctxt {
float:right;
padding-left:3%;
display:block;
font-size:1.7rem;
font-weight:300;
text-align: left;
flex:1.7 1 100%;
border-left-style:solid;
border-width:1px;
	}


@media only screen and (max-width: 1600px) {

html {
	font-size:10pt;
}

}

@media only screen and (max-width: 1300px) {

html {
	font-size:9pt;
}


div#ctitle {
	padding-left:3rem;
	padding-right:3rem;
	margin-top:3rem;
	margin-bottom:3rem;
}


div#topimage {
	padding-left:0%;
	padding-right:0%;
}

div#maincontent {
	display:flex;
	padding-left:3rem;
	padding-right:3rem;
}

div#maincontext {
	padding-top:1rem;
	padding-bottom:4rem;
}

}
@media only screen and (max-width: 1200px) {

html {
	font-size:9pt;
}

.langbtn {
	font-size:12pt;
}

.langdown {
	font-size:12pt;
}


div#ctitle {
	padding-left:2rem;
	padding-right:2rem;
	margin-top:1rem;
	margin-bottom:1rem;
}


div#maincontent {
	display:flex;
	padding-left:2rem;
	padding-right:2rem;
}

}


@media only screen and (max-width: 872px) {

html {
	font-size:8pt;
}

.subtitle {
	height:auto;
	padding-bottom:2rem;
}



div#subtitle {
	padding-bottom:2rem;
	height:auto;
}

.subtitle {
	height:auto;
	padding-bottom:0rem;
	width:100%;
}



.ctxt {
	border-style:none;
	padding:0%;
}



div#maincontent {
	display:block;
}
}



@media only screen and (max-width: 600px) {
div#subtitle {
font-size:7vw;
}
.subtitle {
font-size:7vw;
}

}



@media only screen and (max-width: 400px) {

html {
	font-size:8pt;
}
}



@media only screen and (max-width: 350px) {

html {
	font-size:7pt;
}
}