body {background:#414141;color:#323232;font-family: sans-serif;}

@font-face {
    font-family: "House of Death";
    src: url(HouseofDeath.ttf) format("truetype");
}
body {}

div#main nav,h2, h1 {font-family: "House of Death", Verdana, Tahoma;}
div#main nav, h2 {margin-top: 60px;}
header {padding: 20px;}
div#main {background:white;width: 1230px;margin: 0 auto 30px auto; padding-bottom: 30px;}
div#main nav {    float: right;
    margin: 60px 100px 0 0; font-size: 26px;}
div#main nav ul {    margin: 0;
    list-style-type: none;}
div#main nav ul > li {display: inline-block;
    margin-right: 20px;}
div#main nav ul > li > a {text-decoration: none;
    color: #323232;
    text-transform: uppercase;}
div#main nav ul > li > a:hover {color: #086abd}


div#main nav ul > li > ul {display:none;position: absolute;z-index:1000;background-color:#FFF;border:1px solid #000;padding: 10px 0;}
div#main nav ul > li:hover  > ul {display: block;}
div#main nav ul > li > ul  > li {display: block;margin:0; padding: 0 25px;}


div#content {margin: 0 30px;}


div#slideshow {height: 500px;overflow:hidden;position: relative;}
div#slideshow div.slide {}
div#slideshow div.slide img {width: 100%;position: absolute;transition: opacity 1s ease-in-out; opacity:0}
div.slider-shape {position: absolute;
    bottom: -7px;
    width: 1230px;
	z-index: 500;}
	
	
div#sponsors {display: flex;flex-wrap: wrap;text-align: center;font-weight: bold;font-size: 16px;}
div#sponsors div {width: calc(16.65% - 20px);padding: 33px 10px;}
div#sponsors div span {display: block;padding-top: 16px;}




.container, .container-full {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.site-footer-primary .socialgroup {
    text-align: center;
}

.site-footer .socialgroup ul {
    padding: 0;
    margin: 0;
}
.socialgroup ul {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}

.site-footer .socialgroup ul li {
    margin-bottom: 0;
	    padding: 0 20px;
}
.socialgroup li {
    display: inline-block;
    margin: 3px 0;
}

.site-footer-primary .socialgroup ul li a {
    color: #8c8c8c;
    font-size: 16px;
    font-family: "Hind", sans-serif;
    margin: 0 15px;
    letter-spacing: 0.5px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}
.site-footer .socialgroup ul li a {
    display: block;
    text-align: center;
    margin: 0 8px;
    color: #a4a4a4;
	font-size: 23px;
}
.site-footer .socialgroup ul li a:hover {color:#086abd;}

.socialgroup li:first-child a {
    margin-left: 0;
}
.socialgroup a {
    font-family: "kf-icons";
    font-size: 0px;
    font-weight: 400;
    color: #333;
    text-decoration: inherit;
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.site-footer-primary .socialgroup ul li a:before {
    margin-right: 6px;
    font-size: 24px;
}

.site-footer-primary .desc-menu-wrap {
    text-align: center;
    padding: 30px 0 0;
}

footer {margin: 40px;}

@media only screen and (max-width: 1230px) {
div#main,div#slideshow,#slideshow div.slider-shape {width:100%}
div#main nav {float: none; margin: 12px 100px 0 0;}
div#main nav > ul {width: 100%;}
div#sponsors div {width: calc(20% - 20px);
}

@media only screen and (max-width: 860px) {
div#sponsors div {width: calc(25% - 20px);
}

@media only screen and (max-width: 735px) {
div#sponsors div {width: calc(33% - 20px);
}

@media only screen and (max-width: 550px) {
div#sponsors div {width: calc(50% - 20px);
}

@media only screen and (max-width: 375px) {
div#sponsors div {width: calc(100% - 20px);}
div#sponsors > div {border-bottom:1px solid lightgray}
footer {margin: 40px;}
div.copyright a {display:block;}
}