@-webkit-keyframes btnPulse{
  from{ transform:scale(1);}
  to{ transform:scale(1.1); }
}

@-moz-keyframes btnPulse{
  from{ transform:scale(1);}
  to{ transform:scale(1.1); }
}

@-ms-keyframes btnPulse{
  from{ transform:scale(1);}
  to{ transform:scale(1.1); }
}

@-o-keyframes btnPulse{
  from{ transform:scale(1);}
  to{ transform:scale(1.1); }
}

@keyframes btnPulse{
  from{ transform:scale(1);}
  to{ transform:scale(1.1); }
}

@media screen and (max-width:767px){
  
  .mm-contest-intro-overlay{
    display:block !important;
  }
  
}

.mm-contest-intro-box{
  width:320px;
  min-width:auto;
  max-width:none;
  height:320px;
  min-height:auto;
  max-height:none;
  padding:0;
  position:relative;
  background-image:none;
  background-color:#01abff;
}

.mm-contest-intro-box:after{
  width:320px;
  height:102px;
  position:absolute;
    top:auto; bottom:58px;
    left:2.6vw; right:auto;
  display:block;
  background:url("../images/intro-prizes-notext-bg.png") no-repeat center center;
  background-size:auto 100%;
  content:"";
}

.mm-contest-intro-box .close-contest-box{
  width:28px;
  height:28px;
  padding:4px;
  border-radius:0;
  background-color:transparent;
  position:absolute;
    top:1.6vw; right:1.6vw;
  color:#fff;
  font-size:20px;
  line-height:1;
  text-align:center;
}

.mm-contest-intro-box .mm-contest-intro-inner{
  height:100%;
  padding:8px 8px 2px 8px;
}

.mm-contest-intro-box .mm-contest-intro-title{
  margin-bottom:6px;
  color:#e0031d;
  font-size:50px;
  font-family:VerlagCompressed-Black,serif;
  line-height:1;
  text-transform:uppercase;
}

.mm-contest-intro-box p{
  color:#fff;
  font-size:14px;
  font-weight:300;
  line-height:1.1;
}

.mm-contest-intro-box .mm-contest-intro-subhead{
  margin-bottom:2vw;
  color:#00305e;
  font-weight:700;
}

.mm-contest-intro-box .mm-contest-intro-subhead:after{
  content:"*";
}

.mm-contest-intro-box .mm-contest-intro-asterisk-info{
  margin:0;
  font-size:11px;
  position:absolute;
    top:auto; bottom:2vw;
    left:2.6vw; right:2.6vw;
}

.mm-contest-intro-box .mm-contest-intro-asterisk-info:before{
  content:"*";
}

.mm-contest-intro-box .mm-buttons-container{
  margin-top:0;
  bottom:6px;
}

.mm-contest-intro-box .mm-buttons-container p{
  max-width:100%;
  text-align:center;
}

.mm-contest-intro-box .mm-buttons-container .mm-btn{
  margin-right:5vw;
  padding:5px 8px;
  font-size:16px;
  font-weight:600;
  -webkit-animation:btnPulse 500ms infinite alternate ease-in both;
  -moz-animation:btnPulse 500ms infinite alternate ease-in both;
  -ms-animation:btnPulse 500ms infinite alternate ease-in both;
  -o-animation:btnPulse 500ms infinite alternate ease-in both;
  animation:btnPulse 500ms infinite alternate ease-in both;
}

.mm-contest-intro-box .mm-buttons-container .mm-terms-link-container{
  margin-bottom:0;
  text-align:right;
}

.mm-contest-intro-box .mm-buttons-container .mm-terms-link{
  display:inline-block;
  color:#fff;
  font-size:11px;
  text-decoration:none;
}

.mm-contest-intro-box .mm-buttons-container .mm-terms-link:hover,
.mm-contest-intro-box .mm-buttons-container .mm-terms-link:active,
.mm-contest-intro-box .mm-buttons-container .mm-terms-link:focus{
  text-decoration:underline;
}

@media screen and (min-width:320px){
  
  .mm-contest-intro-box{
    width:90vw;
    max-width:100%;;
    min-width:320px;
    height:90vw;
    max-height:100%;
    min-height:320px;
  }
  
  .mm-contest-intro-box:after{
    width:100%;
    height:32vw;
    max-height:150px;
    bottom:18vw;
  }

  .mm-contest-intro-box .close-contest-box{
    width:8.75vw;
    height:8.75vw;
    padding:1.25vw;
    border-radius:0;
    font-size:6.25vw;
  }
  
  .mm-contest-intro-box .mm-contest-intro-inner{
    height:100%;
    padding:2.6vw 2.6vw .8vw 2.6vw;
  }
  
  .mm-contest-intro-box .mm-contest-intro-title{
    margin-bottom:1.8vw;
    font-size:16vw;
  }
  
  .mm-contest-intro-box p{
    font-size:4vw;
  }
  
  .mm-contest-intro-box .mm-buttons-container{
    bottom:2vw;
  }
  
  .mm-contest-intro-box .mm-buttons-container .mm-btn{
    padding:2vw;
    font-size:4vw;
  }
  
}

@media screen and (min-width:480px){
  
  .mm-contest-intro-box{
    width:78.125vw;
    max-width:100%;;
    min-width:320px;
    height:78.125vw;
    max-height:100%;
    min-height:320px;
  }
  
  .mm-contest-intro-box:after{
    max-height:170px;
    bottom:14vw;
  }
  
  .mm-contest-intro-box .close-contest-box{
    width:5.833vw;
    height:5.833vw;
    padding:.8vw;
    font-size:4.166vw;
  }
  
  .mm-contest-intro-box .mm-contest-intro-title{
    font-size:10vw;
  }
  
  .mm-contest-intro-box p{
    font-size:3.4vw;
  }
  
  .mm-contest-intro-box .mm-buttons-container .mm-btn{
    padding:1.3vw 1.1vw;
    font-size:2.3vw;
  }
  
}

@media screen and (min-width:600px){
  
  .mm-contest-intro-box p{
    font-size:21px;
  }
  
}

@media screen and (min-width:768px){
  
  .mm-contest-intro-box{
    width:78.125vw;
    max-width:794px;
    min-width:600px;
    height:54.31vw;
    max-height:552px;
    min-height:417px;
    padding:0;
    position:relative;
    background-image:url("../images/intro-bg.jpg");
  }
  
  .mm-contest-intro-box:after{
    width:52vw;
    max-width:500px;
    height:22.88vw;
    max-height:220px;
    bottom:.8vw;
    background-image:url("../images/intro-prizes-bg.png");
    background-position:center center;
    background-size:cover;
  }
  
  .mm-contest-intro-box .close-contest-box{
    width:4vw;
    height:4vw;
    padding:1vw;
    border-radius:0;
    top:1.6vw; right:1.6vw;
    font-size:2vw;
  }
  
  .mm-contest-intro-box .mm-contest-intro-title{
    margin-bottom:1.5vw;
    font-size:7.8125vw;
  }
  
  .mm-contest-intro-box p{
    max-width:50%;
    font-size:2vw;
  }

  .mm-contest-intro-box .mm-buttons-container p{
    text-align:right;
  }
  
  .mm-contest-intro-box .mm-buttons-container .mm-terms-link{
    width:23.7vw;
    margin-right:5vw;
    padding:0 1.1vw;
    display:inline-block;
    color:#fff;
    font-size:1.4vw;
    text-align:center;
    text-decoration:none;
  }

}

@media screen and (min-width:1024px){
  
  .mm-contest-intro-box .close-contest-box{
    width:44px;
    height:44px;
    padding:12px;
    top:18px; right:18px;
    font-size:20px;
  }

  .mm-contest-intro-box .mm-contest-intro-title{
    margin-bottom:10px;
    font-size:80px;
  }
  
  .mm-contest-intro-box p{
    font-size:20px;
  }

  .mm-contest-intro-box .mm-contest-intro-subhead{
    margin-bottom:16px;
  }
  
  .mm-contest-intro-box .mm-buttons-container,
  .mm-contest-intro-box .mm-contest-intro-asterisk-info{
    bottom:1.8vw;
  }
  
  .mm-contest-intro-box .mm-buttons-container .mm-btn{
    margin-right:3vw;
    padding-top:14px;
    padding-bottom:14px;
    font-size:21px;
  }

  .mm-contest-intro-box .mm-buttons-container .mm-terms-link{
    width:232px;
    margin-right:3vw;
    font-size:14px;
  }
  
}

@media screen and (min-width:1200px){
  
  .mm-contest-intro-box .mm-contest-intro-title{
    margin-bottom:16px;
  }
  
  .mm-contest-intro-box .mm-contest-intro-subhead{
    margin-bottom:26px;
  }
  
  .mm-contest-intro-box .mm-buttons-container,
  .mm-contest-intro-box .mm-contest-intro-asterisk-info{
    bottom:1.6vw;
  }
  
}

@media screen and (min-width:1400px){

  .mm-contest-intro-box .mm-buttons-container,
  .mm-contest-intro-box .mm-contest-intro-asterisk-info{
    bottom:1.4vw;
  }
  
}

@media screen and (min-width:1600px){

  .mm-contest-intro-box .mm-buttons-container,
  .mm-contest-intro-box .mm-contest-intro-asterisk-info{
    bottom:1.2vw;
  }
  
}

@media screen and (min-width:1800px){

  .mm-contest-intro-box .mm-buttons-container,
  .mm-contest-intro-box .mm-contest-intro-asterisk-info{
    bottom:1vw;
  }
  
}
