@charset "utf-8";
/* CSS Document */
.contest_header {width:100%;max-width: 800px;margin:10px auto;}
#promo-box {
width: calc(100% - 20px);
padding: 10px;
margin: 0 10px;
line-height: 1.4;
border-radius: 8px;
color: white;
text-align: center;
}
.green {
background-image: -webkit-linear-gradient(122deg,rgba(0,95,34,1.00) 0%,rgba(0,200,4,1.00) 100%);
background-image: -moz-linear-gradient(122deg,rgba(0,95,34,1.00) 0%,rgba(0,200,4,1.00) 100%);
background-image: -o-linear-gradient(122deg,rgba(0,95,34,1.00) 0%,rgba(0,200,4,1.00) 100%);
background-image: linear-gradient(328deg,rgba(0,95,34,1.00) 0%,rgba(0,200,4,1.00) 100%);
}
.blue {
background-image: -webkit-linear-gradient(122deg,rgba(0,49,95,1.00) 0%,rgba(0,97,200,1.00) 100%);
background-image: -moz-linear-gradient(122deg,rgba(0,49,95,1.00) 0%,rgba(0,97,200,1.00) 100%);
background-image: -o-linear-gradient(122deg,rgba(0,49,95,1.00) 0%,rgba(0,97,200,1.00) 100%);
background-image: linear-gradient(328deg,rgba(0,49,95,1.00) 0%,rgba(0,97,200,1.00) 100%);
}
.red {
background-image: -webkit-linear-gradient(122deg,rgba(95,0,0,1.00) 0%,rgba(241,128,128,1.00) 100%);
background-image: -moz-linear-gradient(122deg,rgba(95,0,0,1.00) 0%,rgba(241,128,128,1.00) 100%);
background-image: -o-linear-gradient(122deg,rgba(95,0,0,1.00) 0%,rgba(241,128,128,1.00) 100%);
background-image: linear-gradient(328deg,rgba(95,0,0,1.00) 0%,rgba(241,128,128,1.00) 100%);
}
.lightblue {
background-image: -webkit-linear-gradient(122deg,rgba(0,90,95,1.00) 0%,rgba(128,218,241,1.00) 100%);
background-image: -moz-linear-gradient(122deg,rgba(0,90,95,1.00) 0%,rgba(128,218,241,1.00) 100%);
background-image: -o-linear-gradient(122deg,rgba(0,90,95,1.00) 0%,rgba(128,218,241,1.00) 100%);
background-image: linear-gradient(328deg,rgba(0,90,95,1.00) 0%,rgba(128,218,241,1.00) 100%);
}
#promo-box h1 {text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
}
#promo-box h2 {text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
}
#promo-box a {color:rgba(255,198,0,1.00);}
#promo-box a:hover {color:rgba(194,194,194,1.00);}
#promo-box #promo_header {
    width:75%;
}
.unitimages {width: calc(25% - 20px);}
.unitimages div {float:left;width:50%;}
#promo-header {float:left;width:calc(75% - 20px);}
#promo-button {
width: 50%;
margin: 10px auto;
text-align: center;
border-radius: 8px;
background-image: -webkit-linear-gradient(270deg,rgba(171,171,171,1.00) 0%,rgba(255,255,255,1.00) 13.47%,rgba(149,149,149,1.00) 100%);
background-image: -moz-linear-gradient(270deg,rgba(171,171,171,1.00) 0%,rgba(255,255,255,1.00) 13.47%,rgba(149,149,149,1.00) 100%);
background-image: -o-linear-gradient(270deg,rgba(171,171,171,1.00) 0%,rgba(255,255,255,1.00) 13.47%,rgba(149,149,149,1.00) 100%);
background-image: linear-gradient(180deg,rgba(171,171,171,1.00) 0%,rgba(255,255,255,1.00) 13.47%,rgba(149,149,149,1.00) 100%);
-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,1.00);
box-shadow: 2px 2px 4px rgba(0,0,0,1.00);
}
#promo-button p {
padding: 15px 5px 10px 5px;
color: rgba(0,47,93,1.00);
font-size: 2em;
font-weight: bold;
line-height: 1;
display: block;
}

#promo_logo_box {
    width:150px;
    margin:10px auto;
}
#promo-rules {
    margin:10px ;
    width: calc(100% - 20px);
    max-width:800px;
    line-height: 1.2em;
}
#promo-rules li {margin: 10px 0;}
#form_box {
    width:100%;
    max-width: 800px;
    margin:0 auto;
}
@media (max-width: 815px){
    .unitimages {float:none;width:40%;margin:0 auto;}
    #promo-header {margin:0 auto;width:100%;}
}
@media (max-width: 480px){
    #promo-button {width:80%;}
    .unitimages {float:none;width:50%;margin:0 auto;}
}