/* media queries */
@media screen and (max-width: 991px) {
    #content-mid h1,
    #challenge-mid h1,
    #faq {
        font-size: 60px!important;
    }
    #fs-bg {
        background-position: right center!important;
    }
}
@media screen and (max-width: 768px) {
    #content-mid h1,
    #challenge-mid h1,
    #faq {
        font-size: 48px!important;
    }    
    #footer-links li {
        padding: 1em 0.5em!important;
    }
    #footer {
        background-size: cover!important;
    }
    #ft-logo {
        position: absolute;
        top: -30%!important;
        left: 0!important;
        right: 0!important;
        text-align: center!important;
        z-index: 10;
        -ms-transform: rotate(0deg)!important; /* IE 9 */
        -webkit-transform: rotate(0deg)!important; /* Chrome, Safari, Opera */
        transform: rotate(0deg)!important;
    }
}
@media screen and (max-width: 600px) {
    #content-mid h1,
    #challenge-mid h1,
    #faq {
        font-size: 36px!important;
    }
    #footer-links li {
        padding: 0.5em 0.25em!important;
    }
}
@media screen and (max-width: 414px) {
    #content-mid h1,
    #challenge-mid h1,
    #faq {
        font-size: 30px!important;
    }
}
/* custom styles */
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
a:hover {
    text-decoration: none;
}
h4 {
    line-height: 24px;
}
#achievements-bg {
    width: 100%;
    height: 100%;
    background: #ffffff url("../images/achievements-bg.jpg") no-repeat center!important;
    background-size: cover!important;
    background-attachment: fixed!important;
    display: table;
}
#fs-bg {
    width: 100%;
    height: 100%;
    background: #ffffff url("../images/fs-bg.jpg") no-repeat center!important;
    background-size: cover!important;
    background-attachment: fixed!important;
    display: table;
}
#content-top {
    position: absolute;
    left: 0;
    right: 0;
    top: 5%;
}
#content-btm {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    right: 0;
    bottom: 10px;
    text-align: center;
}
#content-btm a:hover {
    color: #ff7518;
}
#content-mid {
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.7);
    display: table-cell;  
    padding: 0 5%;
    text-align: center;  
    vertical-align: middle;  
}
#content-mid h1,
#challenge-mid h1,
#faq {
    font-size: 80px;
}
#challenge-2017 {
    width: 100%;
    background: #ffffff url("../images/challenge-2017-bg.jpg") no-repeat center!important;
    background-size: cover!important;
    background-attachment: fixed!important;
    display: table;
}
#challenge-mid {
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.7);
    display: table-cell;
    text-align: center;  
    vertical-align: middle;  
}
#footer {
    position: relative;
    display: table;
    background: #ffffff url("../images/footer-bg.jpg") no-repeat center bottom;
    background-size: cover!important;
    width: 100%;
    height: calc(57.5vw*0.5);
    -webkit-clip-path: polygon(0% 100%, 0% 25%, 30% 0%, 60% 35%, 100% 50%, 100% 100%);
    clip-path: polygon(0% 100%, 0% 25%, 30% 0%, 60% 35%, 100% 50%, 100% 100%);
    clip-path: url("#clip-footer");
}
#ft-inner {
    display: table-cell;
    vertical-align: bottom;
}
#ft-logo {
    position: absolute;
    top: -10%;
    left: 2%;
    z-index: 10;
    -ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */
    transform: rotate(-8deg);
}
#pl-ft-1 {
    position: absolute;
    top: -1px;
    z-index: 1;
    background: #ffffff;
    width: 100%;
    min-height: calc(200px * 0.5);
    -webkit-clip-path: polygon(0% 50%, 0% 0%, 100% 0%, 100% 100%, 60% 75%, 25% 5%);
    clip-path: polygon(0% 50%, 0% 0%, 100% 0%, 100% 100%, 60% 75%, 25% 5%);
    clip-path: url("#clip-ft-1");
}
#pl-ft-2 {
    position: absolute;
    top: -40px;
    z-index: 2;
    background: #f1f1f1;
    width: 100%;
    min-height: calc(300px * 0.5);
    -webkit-clip-path: polygon(60% 75%, 100% 0%, 100% 100%);
    clip-path: polygon(60% 75%, 100% 0%, 100% 100%);
    clip-path: url("#clip-ft-2");
}
#footer-links li {
    display: inline-block;
    padding: 1em;
}
#footer-links li a:hover{
    color: #ff7518;
    text-decoration: none;
}
.signup {
  background-color: #ef5727;
  border: none;
  color: #ffffff;
  text-align: center;
  font-size: 24px;
  padding: 10px 30px;
  width: 275px;
  transition: all 0.5s;
  cursor: pointer;
}

.signup span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.signup span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.signup:hover span {
  padding-right: 25px;
}

.signup:hover span:after {
  opacity: 1;
  right: 0;
}
/* utility classes */
.handel {
	font-family: 'handel_gothic_dbold';
    font-weight: normal;
    font-style: normal;
}
.aero {
    font-family: 'aeroregular';
    font-weight: normal;
    font-style: normal;
}
.text-invert {
	color: #fff!important;
}
.no-margin {
    margin: 0;
}
.no-margin-x {
    margin-right: 0;
    margin-left: 0;
}
.no-margin-y {
    margin-top: 0;
    margin-bottom: 0;
}
.no-margin-bottom {
    margin-bottom: 0;
}
.no-margin-top {
    margin-top: 0;
}
.no-pad {
    padding: 0!important;
}
.no-pad-x {
    padding-left: 0;
    padding-right: 0;
}
.no-pad-y {
    padding-top: 0;
    padding-bottom: 0;
}
.padding-xs {
    padding: 5px;
}
.padding-xs-l {
    padding-left: 5px;
}
.padding-xs-r {
    padding-right: 5px;
}
.padding-xs-top {
    padding-top: 5px;
}
.padding-xs-bottom {
    padding-bottom: 5px;
}
.padding-xs-x {
    padding-left: 5px;
    padding-right: 5px;
}
.padding-xs-y {
    padding-top: 5px;
    padding-bottom: 5px;
}
.padding-sm {
    padding: 10px;
}
.padding-sm-l {
    padding-left: 10px;
}
.padding-sm-r {
    padding-right: 10px;
}
.padding-sm-top {
    padding-top: 10px;
}
.padding-sm-bottom {
    padding-bottom: 10px;
}
.padding-sm-x {
    padding-left: 10px;
    padding-right: 10px;
}
.padding-sm-y {
    padding-bottom: 10px;
    padding-top: 10px;
}
.padding-md {
    padding: 15px;
}
.padding-md-l {
    padding-left: 15px;
}
.padding-md-r {
    padding-right: 15px;
}
.padding-md-top {
    padding-top: 15px;
}
.padding-md-bottom {
    padding-bottom: 15px;
}
.padding-md-x {
    padding-left: 15px;
    padding-right: 15px;
}
.padding-md-y {
    padding-top: 15px;
    padding-bottom: 15px;
}
.padding-lg {
    padding: 30px;
}
.padding-lg-l {
    padding-left: 30px;
}
.padding-lg-r {
    padding-right: 30px;
}
.padding-lg-top {
    padding-top: 30px;
}
.padding-lg-bottom {
    padding-bottom: 30px;
}
.padding-lg-x {
    padding-left: 30px;
    padding-right: 30px;
}
.padding-lg-y {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padding-xl {
    padding: 60px;
}
.padding-xl-l {
    padding-left: 60px;
}
.padding-xl-r {
    padding-right: 60px;
}
.padding-xl-top {
    padding-top: 60px;
}
.padding-xl-bottom {
    padding-bottom: 60px;
}
.padding-xl-x {
    padding-left: 60px;
    padding-right: 60px;
}
.padding-xl-y {
    padding-top: 60px;
    padding-bottom: 60px;
}
.padding-xxl {
    padding: 120px;
}
.padding-xxl-l {
    padding-left: 120px;
}
.padding-xxl-r {
    padding-right: 120px;
}
.padding-xxl-top {
    padding-top: 120px;
}
.padding-xxl-bottom {
    padding-bottom: 120px;
}
.padding-xxl-x {
    padding-left: 120px;
    padding-right: 120px;
}
.padding-xxl-y {
    padding-top: 120px;
    padding-bottom: 120px;
}
.margin-xs {
    margin: 5px;
}
.margin-xs-l {
    margin-left: 5px;
}
.margin-xs-r {
    margin-right: 5px;
}
.margin-xs-top {
    margin-top: 5px;
}
.margin-xs-bottom {
    margin-bottom: 5px;
}
.margin-xs-x {
    margin-left: 5px;
    margin-right: 5px;
}
.margin-xs-y {
    margin-top: 5px;
    margin-bottom: 5px;
}
.margin-sm {
    margin: 10px;
}
.margin-sm-l {
    margin-left: 10px;
}
.margin-sm-r {
    margin-right: 10px;
}
.margin-sm-top {
    margin-top: 10px;
}
.margin-sm-bottom {
    margin-bottom: 10px;
}
.margin-sm-x {
    margin-left: 10px;
    margin-right: 10px;
}
.margin-sm-y {
    margin-bottom: 10px;
    margin-top: 10px;
}
.margin-md {
    margin: 15px;
}
.margin-md-l {
    margin-left: 15px;
}
.margin-md-r {
    margin-right: 15px;
}
.margin-md-top {
    margin-top: 15px;
}
.margin-md-bottom {
    margin-bottom: 15px;
}
.margin-md-x {
    margin-left: 15px;
    margin-right: 15px;
}
.margin-md-y {
    margin-top: 15px;
    margin-bottom: 15px;
}
.margin-lg {
    margin: 30px;
}
.margin-lg-l {
    margin-left: 30px;
}
.margin-lg-r {
    margin-right: 30px;
}
.margin-lg-top {
    margin-top: 30px;
}
.margin-lg-bottom {
    margin-bottom: 30px;
}
.margin-lg-x {
    margin-left: 30px;
    margin-right: 30px;
}
.margin-lg-y {
    margin-top: 30px;
    margin-bottom: 30px;
}
.margin-xl {
    margin: 60px;
}
.margin-xl-l {
    margin-left: 60px;
}
.margin-xl-r {
    margin-right: 60px;
}
.margin-xl-top {
    margin-top: 60px;
}
.margin-xl-bottom {
    margin-bottom: 60px;
}
.margin-xl-x {
    margin-left: 60px;
    margin-right: 60px;
}
.margin-xl-y {
    margin-top: 60px;
    margin-bottom: 60px;
}
.margin-xxl {
    margin: 120px;
}
.margin-xxl-l {
    margin-left: 120px;
}
.margin-xxl-r {
    margin-right: 120px;
}
.margin-xxl-top {
    margin-top: 120px;
}
.margin-xxl-bottom {
    margin-bottom: 120px;
}
.margin-xxl-x {
    margin-left: 120px;
    margin-right: 120px;
}
.margin-xxl-y {
    margin-top: 120px;
    margin-bottom: 120px;
}