.mainTitle {border-bottom: 1px solid #E0C082;}
.mainTitle h2 {margin: 20px auto 16px auto; font-size:230%; color: #4f2400;}

/*index rotating images*/
.sliderContainer {background-size: cover; background-position: center center;}
.awardsTitle {background-color:#fff; box-shadow: 2px 2px 10px #bbb; width:220px;text-align: center; clear:both; color: #4f2400;}
.awardsTitle h1 {text-transform: uppercase; font-size:200%; margin: 0 0;}
.awardsTitle h3 {font-size:120%;}
.stats {height:30px; font-size:90%;}
.floatNumberOfVotes {position: relative; height:50px; background:url('/site_images/white_transparent80.png') top left transparent;left:40px; padding:10px 6px;}

.container {position: relative;margin: 30px auto 0 auto;}

@media only screen and (min-width: 1281px) {
.mainTitle {width: 56%;}
.nominationHalf {width:470px; height:470px; float: left;}
.nomination {width:233px; height:233px; margin: 1px 1px; float: left; background-size: cover; background-position: center center;}
.nominationV, .nominationVR {width:233px; height:468px; margin: 1px 1px; background-size: cover; background-position: center center;}
.nominationH {height:233px; width:468px; }
.nominationV, .nominationH, .nominationVR {margin: 1px 1px; background-size: cover; background-position: center center;}
.nominationV, .nominationH{float: left;}
.nominationVR {float: right;}
.nominationImageOverH {width: 468px; height: 233px; background-size: cover; background-position: center center;}
.nominationImageOverV {width: 233px; height: 468px; background-size: cover; background-position: center center;}
.sliderContainer {width:940px; height: 392px;}
.awardsTitle {height: 360px; margin: -460px auto 100px 600px;}
.awardsTitleSeparator {height:60px;}
}

@media only screen and (min-width: 961px)  and (max-width: 1280px) {
.mainTitle {width: 56%;}
.nominationHalf {width:470px; height:470px; float: left;}
.nomination {width:233px; height:233px; margin: 1px 1px; float: left; background-size: cover; background-position: center center;}
.nominationV, .nominationVR {width:233px; height:468px; margin: 1px 1px; background-size: cover; background-position: center center;}
.nominationH {height:233px; width:468px; }
.nominationV, .nominationH, .nominationVR {margin: 1px 1px; background-size: cover; background-position: center center;}
.nominationV, .nominationH{float: left;}
.nominationVR {float: right;}
.nominationImageOverH {width: 468px; height: 233px; background-size: cover; background-position: center center;}
.nominationImageOverV {width: 233px; height: 468px; background-size: cover; background-position: center center;}
.sliderContainer {width:940px; height: 392px;}
.awardsTitle {height: 360px; margin: -460px auto 100px 600px;}
.awardsTitleSeparator {height:60px;}
}

@media only screen and (min-width: 691px) {
.floatNumberOfVotes {top:30px;}
}
@media only screen and (max-width: 690px) {
.floatNumberOfVotes {top:230px;}
}

@media only screen and (min-width: 461px) and (max-width: 960px) {
.mainTitle {margin:0 auto;}
.stats{margin-bottom:50px;}
.mainTitle h2 {font-size:150%;}
.nominationHalf {width:50%; height:230px; float: left;}
.nomination {width:49%; height:115px; margin: 1px 1px; float: left; background-size: cover; background-position: center center;}
.nominationV, .nominationVR {height:230px; width:49%; margin: 1px 1px; background-size: cover; background-position: center center;}
.nominationH {height:115px; width:99%; }
.nominationV, .nominationH, .nominationVR {margin: 1px 1px; background-size: cover; background-position: center center;}
.nominationV, .nominationH{float: left;}
.nominationVR {float: right;}
.nominationImageOverH {width: auto; height: auto; background-size: cover; background-position: center center;}
.nominationImageOverV {width: auto; height: auto; background-size: cover; background-position: center center;}
.sliderContainer {width:100%; height: 392px;}
.awardsTitle {height: 250px; width: 240px; margin: -420px 50px 170px auto; }
.awardsTitle  h1 {font-size:160%;}
.awardsTitleSeparator {height:14px;}
}

@media only screen and (max-width: 460px) {
.mainTitle {margin:0 auto;}
.stats{margin-bottom:50px;}
.mainTitle h2 {font-size:140%;}
.nominationHalf {width:50%; height:230px; float: left;}
.nomination {width:48%; height:115px; margin: 1px 1px; float: left; background-size: cover; background-position: center center;}
.nominationV, .nominationVR {height:230px; width:48%; margin: 1px 1px; background-size: cover; background-position: center center;}
.nominationH {height:115px; width:98%; }
.nominationV, .nominationH, .nominationVR {margin: 1px 1px; background-size: cover; background-position: center center;}
.nominationV, .nominationH{float: left;}
.nominationVR {float: right;}
.nominationImageOverH {width: auto; height: auto; background-size: cover; background-position: center center;}
.nominationImageOverV {width: auto; height: auto; background-size: cover; background-position: center center;}
.sliderContainer {width:100%; height: 360px;}
.awardsTitle {height: 200px; width: 180px; margin: -390px auto 190px 160px; }
.awardsTitle  h1 {font-size:130%; margin-bottom:-20px;}
.awardsTitleSeparator {height:14px;}
}