/*Base*/
*{margin:0;padding:0;}
body {background:#fff;}
strong{font-weight:normal}
h1,h2,h3 {font-weight:normal;}
video {display:block}
img{width:100%;border:0}
label{font-weight:normal}
p{margin-bottom:40px}
hr{width:50px;height:10px;background:#333;margin:80px auto 80px}
table{width:100%;border-top:1px solid #ccc}
td,th{border-bottom:1px solid #ccc;padding:20px 0}
th{display:block;font-weight:normal}

/*Layout*/
#head{position:relative;height:100%;cbackground:url(../img/hall3.jpg) bottom center no-repeat;cbackground-size:cover}
section{padding:200px 0;}
footer {padding-bottom:30px}

#navigation{position:absolute;width:100%;text-align:right;padding:12px 1% 4px;top:0;left:0;background:#fff;border-bottom:1px solid #eee}
#navigation a, #entry{color:#444;margin-left:20px;line-height:2}
#navigation a:hover{text-decoration:none;color:#d9534f}
#logo a:hover{color:#444}
#navigation a.selected{color:#999;padding-top:15px}
#home #navigation.headroom--pinned a,#home #navigation.headroom--unpinned a{color:#444;}
#home #navigation.headroom--top a{}
#home #navigation.headroom--pinned #logo a, #home #navigation.headroom--unpinned #logo a{color:#444;}
#home #navigation.headroom--pinned a:hover, #home #navigation.headroom--unpinned a:hover{color:#000}
#home #navigation.headroom--pinned a.selected, #home #navigation.headroom--unpinned a.selected{color:#999}

#home #navigation, #home #navigation.headroom--top{border-bottom:0;background: none}
#home #navigation a, #home #navigation.headroom--top a{color:#fff;}
#home #navigation a:hover, #home #navigation.headroom--top a:hover{color:#f1f1f1;}
#home #navigation a.selected, #home #navigation.headroom--top a.selected{color:#ccc;}
#logo{text-align:left;margin-top:-2px;margin-bottom:6px;text-transform:uppercase;}
#logo a{color:#444;margin-left:0}
.headroom--pinned, .headroom--unpinned{position:fixed !important;top:0;width:100%;display:block;z-index:100;background:#fff !important;border-bottom:1px solid #eee;opacity:0.96;box-shadow:0 1px 3px rgba(0,0,0,0.15);}
.headroom--top{border-bottom:0;background:transparent !important;box-shadow:0 0 0 0 !important}
#home .headroom--pinned #logo, #home .headroom--unpinned #logo, .headroom--pinned #entry, .headroom--unpinned #entry{visibility:visible;}
#home #logo, #home .headroom--top #logo, .headroom--top #entry, #entry{visibility:hidden}

.headroom--unpinned{sdisplay:none}


/*Modules*/
.card{text-align:center}
.card-headding{}
.card-content-short{margin-top:0px}
.card-content{margin-top:20px}
.card form{margin-top:0px}
.normal{text-align:left}
table.card-content{margin-top:70px}
#awards .card-content, #timetable .card-content{padding-top:40px}

.details{margin-top:100px;}
.details dt{font-weight:normal;padding-top:30px;margin-bottom:3px}
.details dd{}
#awards .details, #aims .details{margin-top:0;text-align:center}
#aims .details{text-align:left}

.status-validation{display:none;}

#intro{position:absolute;bottom:5%;left:0;width:100%;}
#intro h1, #intro h2{text-align:center;width:100%}
#intro h1{text-transform:uppercase;}
#intro p.card{margin-top:40px;text-align:center}
#intro .btn{background:transparent;color:#fff}

#SubscriberEmail{width:400px;}
#contact{margin-bottom:200px;margin-top:-50px}
#launch{position:absolute;display:block;top:16%;text-align:center;width:96%;margin-left:4%;}
#launch span{display:inline;background:#d9534f;padding:1px 7px 3px 7px !important}
#summary{padding-top:100px}
#whatacomp{height:17px;margin-bottom:10px}
#social{margin-bottom:100px;margin-left:30px;margin-top:150px}
#fb{opacity:0.95;}
#fb:hover{opacity:1.0}
#fb{width:72px}
#md{width:130px}
.mob{display:none}
.desk{display:block}

#brief .btn {margin-bottom:10px}
#brief .row{margin-bottom:100px}


#sitemap p{position:absolute;border-left:1px solid #333;padding-left:8px;line-height:1.2}

#jury p{text-align:left;}
#jury .row{text-align:center}
#jury img{width:70%;}
#jury h3{text-align:center}
#jury p.unknown{margin-top:28px;text-align:center}
#jury .sub{display:block;margin-top:10px}


#qa dl{margin-top:24px;padding-bottom:48px}
#qa dt{font-weight:normal;line-height:1.6;margin-bottom:8px}
#qa dd{margin-bottom:40px;line-height:1.6}
#qa h1, #documentation h1{margin-bottom:160px}
.date{color:#999;font-size:16px}

#home h2,#documentation h2, #qa h2{margin-bottom:60px}
#home #intro h2, #home footer h2{margin-bottom:0}
#documentation h3{margin-top:40px}
#documentation lis {border-top:1px solid #eee;padding:5px 0}
#documentation ol {counter-reset: chapter 1; list-style-type: none;}



#area{padding-bottom:200px}
#subscribe{background:#f1f1f1}
#subscribe h2{margin-bottom:0}



#awards .col-md-4{padding:0 !important;sborder-right:1px solid #fff}
.award{text-align:center;sbackground:#d9534f;height:170px;margin-bottom:100px}
.award dt{width:100%;padding-bottom:0;sbackground:#fff;margin-top:0;margin-bottom:0;line-height:0.9}
.award dd{width:100%;margin-bottom:0;margin-top:0;sbackground:#fff;padding-bottom:10px}
#awards #first dt{padding-top:0px}
#awards #second dt{padding-top:37px}
#awards #third dt{padding-top:67px}
#awards td.amount{line-height:50px;text-align:right;}




.divider{padding:0 0;position:relative;}
.divider figcaption{width:400px;font-size:14px;margin-left:30px;line-height:1.2;position:absolute;bottom:35px;margin-bottom:0;display:none}

.entries li{height:300px;line-height:1.3}
.entries #prizes li{height:500px}
.entries .numbers-only li{height:200px}
.entries img{opacity:0.97}
.entries a:hover img{opacity:1}
.entries a:hover{text-decoration:none;}
.entries img, #entries-single img{display:block;margin-bottom:5px}
#entries-single{padding-top:60px}
#entries-single p img{border:1px solid #ccc}
#entries-single h1{margin-bottom:10px}
#entries-single .name{margin-bottom:200px}
#entries-single .cover{margin-bottom:100px}




/*Colors*/
body, .entries li a{color:#222;}
.neg{background:#000;color:#fff;}
.neg p, .tint,.details dd{color:#ccc}
.sub, .location{color:#999}
.neg .details dt{border-top:1px solid #333;}
#awards .details dd, #aims .details dd{color:#333}
#copyright{color:#666;}
#copyright a{color:#777}
.status-validation{color:#d9534f;}
.divider figcaption{color:#fff}


/*Typography*/

body,.sub{font-family:Muller-Regular,-apple-system,BlinkMacSystemFont,Helvetica,Verdana,sans-serif; -moz-font-feature-settings:"ss02" 1; 
-ms-font-feature-settings:"ss02" 1; 
-o-font-feature-settings:"ss02" 1; 
-webkit-font-feature-settings:"ss02" 1; 
font-feature-settings:"ss02" 1;}
strong, #navigation a, #launch,#qa dt,#documentation h3, .entries .number{font-family:Muller-Bold,-apple-system,BlinkMacSystemFont, Helvetica, Verdana, sans-serif;}
h1,h2,h3, #logo a, .details dt, #awards td.amount, #entry{font-family:MullerNarrow-ExtraBold,-apple-system,BlinkMacSystemFont,Helvetica,Verdana,sans-serif;}
#copyright, .small, .sub{font-size:13px}
.divider figcaption, .entries li, .pannel-title{font-size:14px}
.medium-s,.index {font-size:16px}
.details dd, .medium, table, #documentation h3{font-size:18px}
#logo a, #entry{font-size:20px;}
body{font-size:18px;line-height:1.5}
.details dt, #awards td.amount{font-size:36px}
h1,h2{font-size:50px;line-height:0.8}
h1{font-size:80px;}
#qa h1,#documentation h1{font-size:80px}
#summary p,#launch,#contact .card-content, #logo{font-size:24px}
#home h2{font-size:70px}
#home #intro h2{font-size:50px}
#home h3{font-size:30px}


/*Tablets and Phones*/
@media screen and (max-device-width:768px) {
#SubscriberEmail{width:360px;}
#copyright, .small{font-size:13px}
.details dd, .medium{font-size:20px}
body,.medium-s,.medium{font-size:20px;line-height:1.5}
.details dt, #awards td.amount{font-size:30px}
h1,h2, #subscribe h2{font-size:50px;line-height:0.8}
h1{font-size:80px}
section{padding:150px 0}
#sitemap p{font-size:8px}

#intro h2{margin-top:5px;}
#intro{bottom:4%}
#launch{font-family:Muller-Bold}
.details{margin-top:60px}
#contact{margin-top:0}
.mob{display:block}
.desk,#brief .sub{display:none}
#jury img{width:50%;}

#navigation{text-align:center;padding:18px 0px 18px;}
#navigation a{font-size:20px;sdisplay:block;sborder-bottom:1px solid #fff;padding:5px 0;text-align:left;}
#navigation a#comp{margin-left:0}
#logo{display:none}
.brief-details{display:none}
.unknown{text-align:center}
#entries-single h1{text-align:center}

}

@media screen and (max-device-width:768px) and (orientation:portrait) {
#intro{position:absolute;bottom:5%;left:0;width:100%;}
header img{height:100%;width:auto;margin-left:-30%}
html,body,header{height:100%;position:relative}
header{background:url(../img/hall.jpg) center bottom no-repeat;background-size:cover;overflow:hidden}
#launch{top:12%;width:100%;margin-left:0%;}
#summary{padding-top:50px}

}

@media screen and (max-device-width:768px) and (orientation:landscape) {
#navigation .col-md-6{width:100%}
#jury img{width:70%;}
}

/*Phones*/
@media screen and (max-device-width:480px) {
#copyright, .small{font-size:13px}
#SubscriberEmail{width:300px;margin-bottom:5px}
.details dd, .medium, .medium-s{font-size:16px}
body{font-size:16px;line-height:1.5}
.details dt, #home h3, #awards td.amount{font-size:24px}
h1,h2, #home h2, #subscribe h2{font-size:36px;line-height:0.8}
h1{font-size:36px}
#qa h1,#documentation h1{font-size:48px}
#intro h2, #home #intro h2 {margin-top:5px;font-size:24px}
#intro{bottom:10%}
#summary{padding-top:30px}
#summary p{font-size:16px}
.card,#jury p.unknown{text-align:left}
#contact,#copyright,#social{margin-top:50px;text-align:center}
#contact{margin-bottom:100px}
section{padding:100px 0}
#navigation{text-align:center;padding:12px 0px 12px;}
#navigation a{font-size:17px;margin-left:10px;sborder-bottom:1px solid #fff;padding:5px 0;text-align:left;}
#logo,figcaption{display:none}
#navigation a#comp{margin-left:0}
#jury img{width:70%;}
#jury p{margin-bottom:60px;}
#jury .container{margin:0 20px}

.award{text-align:left;background:none;height:100px;margin-bottom:20px;border-width:1px}
#awards dt, #awards dd{text-align:left;margin-left:0;padding-left:0}
#awards #second dt{padding-top:0px}
#awards #third dt{padding-top:0px}
td{vertical-align:top;}
#area{padding-bottom:100px}
#sitemap p, hr{display:none}

#brief img{width:60%;margin-bottom:30px}
#brief .row{margin-bottom:0}

#fb{width:52px}
#md{width:100px}

#awards .card-content, #timetable .card-content{padding-top:0}
.details{margin-top:40px}
#qa h1, #documentation h1{smargin-bottom:100px}

.headroom--unpinned{display:none}
.unknown{text-align:center}

#entries-single .name{text-align:center}
}




@media screen and (max-device-width:480px) and (orientation:portrait) {
#intro{position:absolute;bottom:3%;left:0;width:100%;}
header img{height:100%;width:auto;margin-left:-30%}
html,body,header{height:100%;position:relative}
header{background:url(../img/hall.jpg) center bottom no-repeat;background-size:cover;overflow:hidden}
#navigation a span{display:none}
table{font-size:13px}
.entries #prizes li{height:400px}
#quest{display:none}
}

@media screen and (max-device-width:480px) and (orientation:landscape) {
#jury img{width:40%;}
#home h2{font-size:52px;}
#brief img{width:30%;}
.entries li{height:420px}
.entries #prizes li{height:550px}
}