/* Fonts */
@font-face { font-family:'Calibri'; src: url('../fonts/calibri.ttf'); }
@font-face { font-family:'Calibri Bold'; src: url('../fonts/calibri-bold.ttf'); }

/* Overwrite */
.grid-container {max-width:1650px;}

a {color:#20467e;}
a:hover {color:#024dc4;}

span.icon i {font-size:25px;cursor:pointer;}

.button {background:#286bdf;margin:0 !important;padding:10px 18px;font-size:16px;border:2px solid #286bdf;}
.button:hover {background:#377aed;border:2px solid #377aed;}
.button.big {padding:15px 30px;font-size:20px;}
.button.big i {margin:0 15px 0 0;}
input[type="text"], textarea {margin:0;border:2px solid #fff;background:none;color:#fff;}
input[type="text"]:focus, textarea:focus {color:#000;background:rgb(255,255,255,0.9);}

.button.w300 {width:100%;}
@media print,screen and (min-width:40em){
	.button.big {padding:15px 40px;font-size:24px;}
	.button.w300 {width:300px;}
}

.response {}
.callout {border:none;margin:10px 0;opacity:0.85;}

.loading {position:fixed;width:100%;height:100%;z-index:100;background:#e6e6e6;}

/* HTML */
body {font-family:'Calibri';font-size:20px;color:#20467e;background:url(../img/bg.jpg) no-repeat top center #f2f2f2;background-size:cover;}
.content {background:rgb(255,255,255,0.75);}

a.logo {display:inline-block;font-family:'Calibri Bold';font-size:90px;line-height:100%;}
a.logo:hover {color:inherit;}
span.slogan {display:block;font-family:'Calibri';font-size:20px;line-height:120%;padding:0 0 0 2px;margin:0 0 20px;}

video {width:100%;margin:0 0 20px;}
@media print,screen and (min-width:40em){
	body {background:url(../img/bg.jpg) no-repeat center right #f2f2f2;background-size:cover;}
	.content {background:rgb(255,255,255,0.25);}
	video {width:360px;}
}