@charset "UTF-8";
/* CSS Document */
@import url("font.css");
body { background-color:#706f6f;; margin:0px; padding:0px; font-family: 'Kodchasan', sans-serif; color:#000; font-size:14px; font-weight: 200; font-style: normal; -webkit-text-size-adjust: none;}
body img { border:0px;}
img {width: 100%;}
.c {clear:both;}
strong {font-weight: 300; font-style: italic;}
a {text-decoration: none; font-weight: 200; font-style: italic; color:#000; cursor: pointer;}
a:hover {text-decoration: none; font-weight: 200; font-style: italic; color:#940000;}

.fullscreen {background-image: url("images/bg_3840.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; width: 100vw; height: 100vh; position: fixed; z-index: -1; top:0px; left: 0px;
}

.logo {position:absolute; z-index: 1; top:2%; left: 2%; width: 100px;}
.box {float: left; width: 57%; margin: 400px 3% 100px 40%; text-align: right;}
.box .headline {font-size: 48px; font-weight:300; font-style:italic; text-align: right; margin-bottom: 20px;}

.footer {position:absolute; z-index: 1; top:2%; right: 3%; width: 100%; text-align: right; font-size: 11px; }




@media only screen and (max-width: 1200px) {
.logo {width: 90px;}
.box {width: 67%; margin: 300px 3% 100px 30%;}	
.box .headline {font-size: 42px;}

}


@media only screen and (max-width: 700px) {
.logo {width: 75px;}
.box {width: 94%; margin: 200px 3% 100px 3%; text-align: justify;}
.box .headline {font-size: 36px; text-align: left;}

}