/* RESET STYLES */

@font-face {
	font-family: 'Bebas Neue';
	src: url('BebasNeueRegular.eot');
	src: local('Bebas Neue Regular'), local('BebasNeueRegular'),
		url('BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
		url('BebasNeueRegular.woff') format('woff'),
		url('BebasNeueRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('BebasNeueBold.eot');
	src: local('Bebas Neue Bold'), local('BebasNeueBold'),
		url('BebasNeueBold.eot?#iefix') format('embedded-opentype'),
		url('BebasNeueBold.woff') format('woff'),
		url('BebasNeueBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; font-family:Bebas Neue;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-weight:normal;}
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}

strong{font-weight:bold;font-family: 'Open Sans', sans-serif;}
em{font-family: 'Open Sans', sans-serif;}
a{text-decoration:none;padding:0;margin:0;}

body {} /* background:url('../imgs/art2.jpg') #000000 center;background-size:cover;background-attachment: fixed;} */

body:after{
      content:""; position:fixed;top:0;height:100vh;left:0;right:0;z-index:-1;background: #DADADA center center;
	  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}

#top{display:block;width:94%;margin:0 auto;height:18vh;max-width:1200px;}
#logo{position:relative; left:2%;width:15vh;top:3.5vh;}
#main{display:block;width:94%;margin:0 auto;max-width:1200px;}

#main p{margin:2vh 1%;font-family: 'Open Sans', sans-serif;}
#main div{float: left;
    display: block;
    width: 30%;
    margin: 3vh 0 3vh 1%;
    height: 25vh;
    background: #FFF;
    padding: 1vh 1%}
#main img{width:100%;}
#main img.circle{width:200px;border-radius:200px;float:left;margin:1vh 2vh 3vh 1vh;}
#main img.prize{width:200px;height:200px;border-radius:200px;float:left;margin:1vh 2vh 3vh 1vh;}

#main h1{margin:0 1%;font-weight:bold;font-size:6vh;line-height:6vh;}
#main h2{    font-weight: bold;
    font-size: 4vh;
    line-height: 3.5vh;
    margin: 2.1vh 1%;
    color: #163a6f;}
#main h3{margin:2vh 1%;font-weight:bold;font-size:4vh;clear:both;}

#main h4{    font-weight: bold;
    font-size: 4vh;
    line-height: 3.5vh;
    margin: 5vh 1% 2vh 1%;
    color: #163a6f;}
#main div p{font-size: 2vh;
    margin: 2vh 1%;
    font-family: Bebas Neue;}
#main label{display: block;
    width: 25%;
    float: right;
    font-size: 3vh;
    margin: 1vh 1%;
    text-align: center;
    line-height: 3vh;
    font-weight: bold;
    background: #df0;
    padding: 1vh 1%;}
button{padding: 1vh 1%;
    width: 99%;
    height: 6vh;
    font-size: 2vh;
    font-weight: bold;
    background: #163a6f;
    border: 0;
    color: #FFF;
    margin: auto;}
button:disabled, button[disabled]{
  
  background-color: #cccccc;
  color: #666666;
}

hr{float:none;clear:both;}

ul{list-style:none;display: flex;
    justify-content: space-between;}

#slider {display:block;}
li{display:block;width:30%;float:left;margin:1vh 0 0 1%;}
li.clear{    float: none;
    clear: both;}
li img{width:100%;}
li.five{width:19%;margin:1vh 0 3vh 1%;font-size: 3.6vh;}

#main #album{margin: 0vh auto;
    width: 98%;
    height: auto;
    display: block;
    float: none;
    padding: 0;
    background-color: transparent;}
#album ul{list-style:none;}
#album div{float: none;
    display: block;
    width: auto;
    margin: auto;
    height: auto;
    background-color: transparent;
    padding: 0;}
}
.fancybox-slide--iframe .fancybox-content {
	width  : 90%; 
} 

h6{
	margin:2vh 1%;font-weight:bold;font-size:2.5vh;clear:both;text-align:center;
    color: #F00000;
}


@media (min-width:768px) and  (max-width: 1024px){

/* #main h1{margin:0 5vw;}
#main h3{margin:2vh 5vw;} */
#main div p{text-align: center;}
#main div {height: 35vh;}
#main h2 {font-size: 3.5vh;text-align: center;}
#main label{width:auto;float:none;}

li{width:49%;}
li.five{width:19%;}

/* button{width:23vw;} */
.fancybox-slide--iframe .fancybox-content {
	width  : 100%; 
} 
}
@media  (max-width: 767px){
	
	/* #main h1{margin:0 6vw;}
	#main h3{margin:2vh 6vw;}
	#main p{margin:2vh 6vw;} */
	#main div{float:none;width:96%;padding: 1vh 2%;}
	#main label{width:25%;}
	
	#main img.circle{width:46%;border-radius:200px;float:none;margin:1vh 27%;}
	#main img.prize{width:46vw;height:46vw;border-radius:200px;float:none;margin:1vh 27%;}
	#main h4{margin: 1vh 1% 2vh 1%;}
	
	li{width:98%;float:none;}
	li.five{width:19%;float:left;font-size: 2.6vh;}
	
button{width:100%;}

.fancybox-slide--iframe .fancybox-content {
	width  : 100%; 
} 
}