@charset "utf-8";
/* CSS Document */

body {background-color:#fff; color:#333; font-family: 'Open Sans', Arial, Helvetica, sans-serif; min-width:300px; font-size:12pt}

#maincontainer {display: table; position:relative; width:100%; min-height:100vh;}
	
.container {display:table-cell; vertical-align:middle; min-height:100vh; text-align:center; padding:50px 0px 30px 0px; background:url(../images/bgddesk.webp) right no-repeat; background-size:cover;}
footer {position:absolute; bottom:0px; text-align:center; display:block; width:100%; left:0; background-color:#051537; padding:15px; color:#FFF}
.bordbox {width:25%; margin:0 auto;}
.divbox {background-color:#333;color:#fff;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom:25px}
.line {width:100%;}
.logo {width:80%; margin:0 auto;}
.logo > img, .line img {width:100%;}
p {margin-bottom:5px}
.divgrad {background-image: linear-gradient(#f24c50, #b7475f); padding:10px 20px; color:#FFF; font-size:120%; font-weight:bold}

.marsect {margin:100px auto}
.mart5 {margin-top:5px}
.mart10 {margin-top:10px}
.mart50 {margin-top:50px}
.padt50 {padding-top:50px}
.mart100 {margin-top:120px}
.marb10 {margin-bottom:10px}
.marbot {margin-bottom:50px}
.lspace {letter-spacing:1px}
.colorgrey {color:#333}
.clearb {clear:both}

.csoon li {display:inline-block; vertical-align:middle; margin:0 5px}
.csoon p {font-size:25pt; display:inline-block}
.csoon > li > img {width:100px; height:1px}

.mainlinks:link, .mainlinks:visited {color:#fff; text-decoration:none}
.mainlinks:hover, .mainlinks:active {color:#ddd; text-decoration:none;}

@media screen and (min-width: 300px) {
body {font-size:10pt}
.csoon li {display:block; margin-bottom:5px}
.mart50 {margin-top:50px}
.mart100 {margin-top:80px}
.marbot {margin-bottom:30px}
.csoon p {font-size:18pt;}
footer {position:absolute; bottom:0; left:0}
.divbox {padding:20px;}
.logoholder, .logo {margin-bottom:30px;}
.bordbox {width:90%; margin:0 auto;}
.divgrad {font-size:105%;}

}

@media screen and (min-width: 480px) {
.bordbox {width:80%; margin:0 auto;}
.divgrad {font-size:120%;}

}

@media screen and (min-width: 768px) {
body {font-size:11pt}
.csoon li {display:inline-block;}
.mart50 {margin-top:50px}
.mart100 {margin-top:120px}
.marbot {margin-bottom:50px}
.csoon p {font-size:25pt;}
.bordbox {width:50%; margin:0 auto;}

}

@media screen and (min-width: 1024px) {
body {font-size:12pt}
.bordbox {width:30%; margin:0 auto;}
.logoholder, .logo {margin-bottom:20px;}
h1 {font-size:24pt; margin-bottom:20px}

}

@media screen and (min-width: 1600px) {
.bordbox {width:25%; margin:0 auto;}
.divbox {padding:30px 20px;}
.logoholder {width:80%; margin:0 auto;}
.logoholder, .logo {margin-bottom:30px;}

}