.banner {
  background-color: #f7f7f7;
  color: #ffffff;
  cursor: pointer;
  position: relative;
  z-index: 999;
  width: 100%;
}
.banner .close {
  display: block;
  float: left;
  width: 25px;
  height: 60px;
  position: relative;
  z-index: 20;
}
.banner .wrapper {
  margin: 0 auto;
  max-width: 1140px;
  text-align: center;
}
.banner p {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.banner > a {
  -webkit-transition: "background-color" 0.3s;
  -moz-transition: "background-color" 0.3s;
  -o-transition: "background-color" 0.3s;
  transition: "background-color" 0.3s;
  text-decoration: none !important;
  display: block;
  padding: 12px 0;
}
.banner > a:hover {
  background-color: #FAFAFA;
}
.banner > a p {
  display: inline-block;
  vertical-align: middle;
  color: #297e90;
  margin: 0 70px 0 0;
  font-family: nudista-web, 'Helvetica Neue', helvetica, arial, sans-serif !important;
  font-weight: bold;
  
}
.banner .btn {
display: block;
background-color: #c4dd1e;
color: #5b6708 !important;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
padding: 10px;
letter-spacing: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;

 position: absolute; 
 right: 20px; 
 top: 50%; 
 margin-top: -20px; 
}
.banner .btn, .banner .green-btn a, .green-btn .banner a, .banner .blue-btn a, .blue-btn .banner a, .banner .post-count, .banner .halfshade-btn, .banner .see-all, .banner .see-more, .banner .filter-btn, .banner .issues-btn, .banner nav.cat-nav a, nav.cat-nav .banner a, .banner nav.article-nav a, nav.article-nav .banner a, .banner .main-content > article footer .tags a, .main-content > article footer .tags .banner a {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-image: url("../img/mc-arrow.png");
  background-position: center;
  background-repeat: no-repeat;
}




@media (max-width: 770px){
  .banner {
    font-size: 14px;
    line-height: 19px;
    overflow: hidden;
    position: relative;
  }
  .banner .wrapper, .banner nav.post-nav ol, nav.post-nav .banner ol, .banner nav.cat-nav, .banner .main-content > article, .banner .main-header .main-header-wrapper, .main-header .banner .main-header-wrapper, .banner .main-header form .field, .main-header form .banner .field, .banner a {
    padding: 0;
  }
  .banner .btn, .banner .green-btn a, .green-btn .banner a, .banner .blue-btn a, .blue-btn .banner a, .banner .post-count, .banner .halfshade-btn, .banner .see-all, .banner .see-more, .banner .filter-btn, .banner .issues-btn, .banner nav.cat-nav a, nav.cat-nav .banner a, .banner nav.article-nav a, nav.article-nav .banner a, .banner .main-content > article footer .tags a, .main-content > article footer .tags .banner a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    height: 200px;
    width: 16px;
    background-size: 36px 36px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -110px;
  }
  .banner a p {
    padding: 20px;
    margin-right: 36px;
    font-size: 14px;
    line-height: 19px;
  }
}






* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
body {
  font: 200 16px/1.7em "Helvetica Neue", Helvetica, sans-serif;
  color: #696868;
  background-color: #f8f8f7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }
  body.enter .menu-bar {
    opacity: 1 !important;
    height: 60px; }

/* * * * * * * Grid * * * * * * * */
.wrap {
  *zoom: 1;
  max-width: 1015px;
  margin-left: auto;
  margin-right: auto;
  padding: 3em 2% 3em; }
  .wrap:before, .wrap:after {
    content: " ";
    display: table; }
  .wrap:after {
    clear: both; }
  .wrap.divide-bottom {
    border-bottom: 1px solid #e0e0e0; }
  .wrap.divide-top {
    border-top: 1px solid #e0e0e0; }

.bluegreen {
    background-color: #88e1e5;
    border-top: 6px solid white; 
    border-bottom: 6px solid white; }
.white {
    background-color: #ffffff;
    border-bottom: 3px solid #ebebeb;
    z-index: 10; 
    position: relative;}

.row {
  *zoom: 1;
  display: block; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
:focus {outline: none;}

section .smallcol, header .smallcol, form .smallcol, footer .smallcol {
  display: block;
  float: left;
  margin-right: 2.43902%;
  width: 22%; }
  section .smallcol:last-child, header .smallcol:last-child, form .smallcol:last-child {
    margin-right: 0; }
section .mediumcol, header .mediumcol, form .mediumcol, footer .mediumcol {
  display: block;
  float: left;
  margin-right: 2.43902%;
  width: 31.70732%; }
  section .mediumcol:last-child, header .mediumcol:last-child, form .mediumcol:last-child {
    margin-right: 0; }
section .largecol, header .largecol, form .largecol, footer .largecol {
  display: block;
  float: left;
  margin-right: 2.43902%;
  width: 66.6%; }
  section .largecol:last-child, header .largecol:last-child, form .largecol:last-child {
    margin-right: 0; }
section .extralargecol, header .extralargecol, form .extralargecol, footer .extralargecol{
  display: block;
  float: left;
  margin-right: 2.43902%;
  width: 74.39024%; }
  section .extralargecol:last-child, header .extralargecol:last-child, form .extralargecol:last-child {
    margin-right: 0; }
   .contentWrap { padding: 0 0 0 5%;}
  .clear { clear: both;}

/* * * * * * * Typography * * * * * * * */
h1 {
  width: 300px;
  height: 90px;
  margin: 0;
}
h1 a { 
  display: block;
  width: 300px;
  height: 90px;
  background: url(../img/logo.png) 1.5em 1em no-repeat;
}
h2 {
  font-size: 2.25em;
  font-weight: 100;
  line-height: 1.25em;
  margin: 0em; 
  margin-bottom: .2em;
  font-weight: bold;
  color: #121010;}
  h2 span {
    color: #d8e684;
    font-size: 1.4em; 
    font-weight: bold;
    text-decoration: none;
  }

.sectionHeader { 
  border-bottom: 1px solid #e7e7e6; 
  display: block;
  margin-bottom: 2em;}

h3 {
  font-size: 0.875em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 1px; 
  color: #353231;
  margin: 1em 0 .4em;}

h4 {
  margin: .5em 0;
  line-height: 1em;
  color: #353231;
}

a {
  color: #a4b056;
  font-weight: bold; }

p { 
  margin: .2em 0 1em;
  line-height: 1.6em;}

small { font-size: 80%;
  font-weight: normal;
  text-transform: none; }

ol li { 
  margin-bottom: 1em;
  font-weight: bold;}
ol li p { font-weight: normal;}
ol .alpha li { list-style-type: lower-alpha;}
ol .disc li { list-style-type: disc;  }
ol .num li { list-style-type: decimal; }
/* * * * * * * Buttons * * * * * * * */
.fsSlim {
  display: none;
}
.fsField {
  margin-right: 10px;
}
.fsFieldRow {
  margin-top: 20px;
}
textarea.fsField {
  margin-bottom: 0;
}
.fsFieldCity, .fsFieldZip {
  width: auto !important;
}
.fsSubField {
  float: left;
}
.fsSubField.fsFieldState {
  margin: 0 1em;
}
select.fsFieldState {
  display: block;
  height: 35px;
  margin: 0.25em 0 .8em;
  -webkit-appearance: menulist-button;
}
.button, button, .fsSubmitButton {
  border-radius: 3px;
  padding: 1em 1em;
  font-size: 0.813em;
  letter-spacing: 1px;
  font-weight: 600;
  border-radius: 20px;
  background: #d8e684;
  text-decoration: none;
  text-transform: uppercase;
  color: #767e43; 
  border: none;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(97, 105, 49, 1);
  
  box-shadow: 0px 3px 0px 0px rgba(97, 105, 49, 1);
}
@media screen and (max-width: 480px) {
  .button, button {
    padding: 0.5em;
    font-size: 0.8em !important;
    letter-spacing: 0.5px
  }
}
.bigButton {
  padding: 1.2em 4em;
  font-size: 1.3em;
  border-radius: 60px;
}
.menu ul #enterBtn a:hover, .button:hover { 
  background-color: #b3c355;
  color: #fff;
}
.smButton { 
  padding: .5em 1.5em;
  font-size: 0.3em;}

/* * * * * * * Sections * * * * * * * */
/* Header */
header {
  z-index: 10; 
  position: relative;
  padding: 0 0 7em 0;
  background: #093743 url(../img/headerBg.jpg) top center repeat-x;
  min-height: 840px; 
  color: white;
  text-align: center;
  overflow:hidden;
  border-top: 0px solid rgba(0, 0, 0, 0.1);
  }
  .no-js header { 
    background-size: cover;
  }
  header h2 { color: white; font-weight: normal; line-height: 1.4em; font-size: 2.15em; }
  header .largecol {
    margin-left: 22%; 
    width: 56%;
    margin-top: 9.5%;}
  header a { display: block;}
  .enter header { 
    min-height: 0px;
    height: 110px;
    margin-bottom: 70px;
    overflow: visible;}
#phones { 
  z-index: 11; }

/*About*/
#logoIcon {
  margin: 0 auto;
  display: block;
  margin-top: -30px;
}

#mfLogo {
  display: block;
  background: url(../img/mobilefutureLogo.png) top left no-repeat;
  width: 197px;
  height: 155px;
}

#mf_aboutLogo { 
  border-right: 1px solid #e7e7e6;
  margin-right: 6%;
  float: left;
  padding: 1.8em 6% 1.8em 0;}

#about h2 { 
  color: #479daa;}
#about .largecol p { 
  font-size: 1.2em;
  line-height: 1.5em;}


/* Awards */
#awards .mediumcol {
  position: relative;
  height: 200px;
  font-weight: 100;
  font-size: 3em;
  color: white; }
  #awards .mediumcol span {
    text-transform: uppercase;
    font-size: .25em;
    font-weight: bold;
    letter-spacing: 2px;
    display: block; }
#awards #first-place, #awards #second-place, #awards #third-place {

}
#awards #first-place {
  height: 250px;
  padding-top: 1.3em; }
#awards #second-place {
  height: 200px;
  padding-top: 0.9em; }
#awards #third-place {
  height: 150px;
  padding-top: 0.3em; }

/* Criteria */
  #criteria .mediumcol {
    padding: 0 1em 2em 4.4em; 
    width: 46%;}

  #months { 
    background: url(../img/iconMonths.png) left 20px no-repeat;
  }
  #changer { 
    background: url(../img/iconChanger.png) left 20px no-repeat;
  }
  #demo { 
    background: url(../img/iconDemoable.png) left 20px no-repeat;
  }
  #early { 
    background: url(../img/iconEarly.png) left 20px no-repeat;
  }
  #wireless { 
    background: url(../img/iconWireless.png) left 20px no-repeat;
  }

/* Judges */
#judges .smallcol {
  text-align: center;
  font-size: 0.875em; 
  line-height: 1.4em;
  margin-bottom: 3em;  
  margin-right: 5%;
  margin-left: 5%;}
  #judges .smallcol:nth-child(3n+1) {
    clear:both; 
  }
  judges .smallcol:nth-child(3n), #judges .smallcol:nth-child(6n) {
    margin-right: 0;
  }
#judges .largecol {
  text-align: center;
  margin: 0 0 3em 15%;
  clear: both;
  margin-left: 10%; 
  font-size: 1.2em;
  line-height: 1.5em;
  width: 75%;}

#judges .smallcol span {
}
#judges h4 {
  text-transform: uppercase;
  margin-bottom: none;
}
#judges img { 
  width: 150px;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  #judges .judge {
    background-image: url("http://themobileys.com/img/judge@2x.png");
    background-size: 120px 223px; } }

/* Timeline */
#timeline {
  position: relative;
  z-index: 3; 
}
#timeline .time {
  background: url(../img/calCircle.png) 85px top no-repeat;
  display: block;
  float: left;
  margin-right: 2.43902%;
  text-align: center;
  padding: 1em;
  width: 17em; }
  #timeline .time:last-child {
    margin-right: 0; }
  #timeline .time .date {
    font-size: 1.5em;
    line-height: 1em; 
    padding: .5em;
    margin: 0 .5em 0 0;}
  #timeline .time p{
    max-width: 175px;
    line-height: 1.3em;
    text-align: left;  
  }
  #timeline .time .date .day{
    font-weight: bold;
    font-size: 3em;
    line-height: .9em;
    padding-top: .1em;
  }

  #timeline .time .date .day.year{
    font-weight: bold;
    font-size: 2.5em;
    line-height: .9em;
    padding-top: .1em;
  }
  #timeline .time .date {
    background: url(../img/calBox.png) top left no-repeat;
    width: 155px;
    height: 143px;
    float: left;
    margin-top: 25px;
  }
  #timeline .time p:not(.date) {
    margin-top: 0.5em; 
    float: left;}
  #timeline .time .laterTime { 
    background: url(../img/calBoxLt.png) top left no-repeat;}
  #timelineHeader {
    padding: 0;
  }
  #timeline a { 
    color: #696868;}

  .line {
   width: 100%; 
   height: 1px; 
   background: white; 
   position: absolute;
   margin-top: 60px;
  }
  #line { margin-top: 60px; }
  #line2, #line3 { visibility:hidden;}

  #gala form, #gala h3 { 
    margin-top: 2em;}
  #gala input#emailEnter {
    float: left;
    width: 51.34%;
    padding: 11px 10px;
    margin: 0 5% 0 0;
    height: 100%;
  }
  #gala .largecol { 
    width: 55%;
    padding-right: 60px;}

  #circle { 
     width: 360px;
     height: 360px;
     background: white; 
     -moz-border-radius: 190px; 
     -webkit-border-radius: 190px; 
     border-radius: 190px;
     margin-top: -120px;
  }
  .logos { 
    text-indent: -9999em; 
    display: block;}
  #sponsorships #sponsorDescription { width: 90%;
    margin-left: 0;
    margin-bottom: 1em;
    text-align: center;
    }
  #sponsorships .smallcol {
    width: 30%;
  }
  #sponsorships h3 { margin-bottom: 1.5em;}
  #venturebeat { 
    background: url(../img/vb-logo.png) center center no-repeat; 
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    margin-bottom: 3em;
    font-size: 1em;
    margin: 0;
  }
  #nextweb { 
    background: url(../img/logo_tnw.png) top left no-repeat; 
    width: 294px;
    height: 124px;
    margin-bottom: 3em;
    font-size: 1em;
    margin-top: 2em;
  }
  #quartz { 
    background: url(../img/logo_quartz.png) left center no-repeat; 
    width: 174px;
    height: 28px;
    font-size: 1em;
    margin-top: 5em;
  }
  #sponsorships .mediumcol {
    margin-right: 3%;
    width: 60%;
  }
  .sponsors { 
    background-color: #fcfcfb;
    padding: 1em;
    border: 1px solid #efefe4;
    height: 165px;
    margin-bottom: 1em;}

/* * * * * * * Menu * * * * * * * */
.menu-container {
  position: fixed;
  height: 100%;
  z-index: 8;
  background-color: #57b6c0;
  height: 50px !important;
  border-bottom: 3px solid #4b9fa7;
  top: 0;
  width: 100%;
}
.menu #logoMenu {
  float: left;
  display: block;
  width: 146px;
  height: 43px;
  background: url(../img/menuLogo.png) left 4px no-repeat;
  margin-right: 3%;
}
.menu {
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5%;}
  .menu ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .menu ul li {
    list-style: none;
    margin: 0;
    padding: .7em 1.5em 1.5em;
    float: left;}
    .menu ul li a {
      color: #ffffff;
      text-decoration: none;
      font-weight: bold;
      font-size: 0.875em;
      letter-spacing: 1px;
      font-weight: normal; }
  .menu ul li:hover, .menu li.active { 
    background: url(../img/activeNav.png) center 45px no-repeat;
  }
  .menu ul li#enterBtn { 
    background: none;}

#collapsedMenu { 
    visibility: hidden; 
    text-indent: -9999em; 
    display: block;
    width: 30px;
    height: 25px;
    background: url(../img/collapsedMenu.png) top right no-repeat;
    float: right;
    position: absolute;
    top: 10px;
    right: 30px;
  }

#enterBtn { float: right; 
  font-size: .8em;}
.menu ul #enterBtn a { color: #767e43;}

.logo {
  width: 80px;
  height: 80px;
  background-image: url("http://themobileys.com/img/mobileys_logo.png");
  background-size: 80px 80px;
  background-repeat: none;
  position: relative;
  margin: 0 auto; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
    .logo {
      background-image: url("http://themobileys.com/img/mobileys_logo@2x.png");
      background-size: 80px 80px; } }

/* * * * * * * Forms * * * * * * * */
form {
  display: block;
  margin-right: 2.43902%;}
  form:last-child {
    margin-right: 0; }
  form li { 
    float: left;
    width: 45.87%;
    list-style: none}
  form label {
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: bold;
    letter-spacing: 1px;
    color: #4b4b4d; }
  form input[type="text"], form input[type="email"], form input[type="tel"] {
    display: block;
    border: 2px solid #f0f1f1;
    padding: 5px 10px;
    color: #696868;
    height: 40px;
    margin: 0.25em 0 .8em;
    width: 90%;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    form input[type="text"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus {
      outline: none;
      box-shadow: 0px 0px 0px 2px #4b4b4d;
      border-radius: 10px; }
  form input[type="submit"] {
    margin-bottom: 2em;}
    form input[type="submit"]:focus {
      outline: none; }
  form textarea {
    display: block;
    resize: none;
    width: 100%;
    border: 2px solid #f0f1f1;
    padding: 10px;
    font-size: 1.25em;
    color: #4b4b4d;
    margin-bottom: 2em;
    margin-top: 0.5em;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    form textarea:focus {
      outline: none;
      box-shadow: 0px 0px 0px 2px #4b4b4d;
      border-radius: 5px; }
  form .largecol {
    margin-bottom: 2em; }
    form .largecol:nth-child(2n) {
      margin-right: 0; }
  form .topform, form .bottomform {
    display: block;
    float: left;
    margin-right: 2.43902%;
    width: 100%;
    border-radius: 10px; }
    form .topform:last-child, form .bottomform:last-child {
      margin-right: 0; }
  form .city { 
    width: 25.77%;}
  form .state { 
    width: 17%;}
  form .textarea {
    width: 87%;
  }
  form h3 {
    margin-bottom: 0;
    margin-top: .5em;
    font-size: 1.5em; 
    font-weight: normal;
    text-transform: capitalize;
    font-weight: 200;}
  h2 small{ 
    font-size: 70%;}

  #checkbox { margin-bottom: 30px;}


/* * * * * * * Footer * * * * * * * */
  #mfLogoFooter {
    text-indent: -9999em; 
    display: block;
    width: 99px;
    height: 78px;
    background: url(../img/mfLogo.png) top left no-repeat;
    float: left;
    margin-top: 1.2em;
    margin-right: 2em;
  }
  #socialLinks li a {
    display: block;
    text-indent: -9999em; 
    width: 50px;
    height: 51px;
  }
  #socialLinks li {
    float: left;
    margin: 0 .5em;
    width: 50px;
    height: 51px;
    list-style-type: none;
  }
  #socialLinks h4 { 
    padding-right: 1em;
    margin: 2em 0 .5em 0;
    float: left;
  }
  #socialLinks { 
    float: left; 
    width: 70%;
    }
  #linkdin { 
    background: url(../img/icon_linkdin.png) bottom left no-repeat;}
  #facebook { 
    background: url(../img/icon_fb.png) bottom left no-repeat;}
  #instagram { 
    background: url(../img/icon_instagram.png) bottom left no-repeat;}
  #twitter { 
    background: url(../img/icon_twitter.png) bottom left no-repeat;}
  #linkdin:hover { 
    background: url(../img/icon_linkdin.png) top left no-repeat;}
  #facebook:hover { 
    background: url(../img/icon_fb.png) left 2px no-repeat;}
  #instagram:hover { 
    background: url(../img/icon_instagram.png) left 2px no-repeat;}
  #twitter:hover { 
    background: url(../img/icon_twitter.png) left 2px no-repeat;}

  footer nav ul { 
    margin: 0 auto;
    list-style: none; 
    padding: 0;
    }
  footer nav li {
    display: inline-block; 
    text-align: center;
    padding: 0 3em 1em 0;
  }
  footer nav li a {
    color: #cec9c8;
    text-decoration: none;
    font-size: .8em;
  }
  footer nav li a:hover {
    color: #fff;
  }
  footer { 
    background-color: #2a2625;}
  footer p { margin-top: 2%;
    font-size: .9em;}
  footer #rules { float: right; font-size: .8em; margin-top: 2em;}
  footer .wrap {
    padding-top: 2em;
    margin-top: 0;
    border-top: 1px solid #000000;
    color: #a6a5a5;
  }
  footer h4 {
    color: #fff;
  }
  #apply .applySection { margin-bottom: 4em;  }
  #apply .button, button { margin-left: 33%;}
  #apply .contentWrap h4 {  
    margin-bottom: 2em; 
    font-size: 1.5em; 
    text-align: center; 
    line-height: 1.4em; }
  #contact label { display: block; }
  #contact { margin-left: 25%; }
  #contact #emailEnter { float: left; width: 50%; margin-right: 2%;}

  .thanks h2 { color: #a4b056;}

/* * * * * * * Media Queries * * * * * * * */
@media screen and (max-width: 480px) {
  .kingwrap {
    overflow-x: hidden;
  }
  body {
    font-size: 90%;
    overflow-x: hidden; }
  body.enter header, body.thanks header  {
    background: #093743;
    padding: .2em 0 5em 0; 
    height: 150px;
  }
  .contentWrap {
    padding: 0 0 0 2.3em;
  }

  header img { padding-top: 2.5em;}
  header {
    padding: .2em 0 5em 0; 
    background: #093743 url(../img/headerBg.jpg) center 2.5em repeat-x;
    min-height: 600px;}
  header #phones { display: none;}
    h1 { margin: 0 auto;}
    section .smallcol, header .smallcol {
      display: block;
      float: left;
      margin-right: 7.69231%;
      width: 46.15385%;
      margin-left: 0%; }
      section .smallcol:last-child, header .smallcol:last-child {
        margin-right: 0; }
    section .mediumcol, section .largecol, section .extralargecol, header .mediumcol, header .largecol, header .extralargecol {
      display: block;
      float: left;
      margin-right: 7.69231%;
      width: 100%;
      margin-left: 0%; }
      section .mediumcol:last-child, section .largecol:last-child, section .extralargecol:last-child, header .mediumcol:last-child, header .largecol:last-child, header .extralargecol:last-child {
        margin-right: 0; }

    #mf_aboutLogo { border-right: none; margin-bottom: 20px; margin-left: 15%;}

    #criteria .mediumcol {
      width: 100%;
      clear: both;
    }
    .menu .hide { 
      transform: translateY(-120%);
      -webkit-transform: translateY(-120%); 
      -ms-transform: translateY(-120%); }/* IE 9 */
    .menu ul {
      top: 0px !important;
      position: absolute;
      left: 0;
      width: 100%;
      padding-top: 7px;
      -webkit-transition: all .7s ease-in-out;
      -moz-transition: all .7s ease-in-out;
      transition: all .7s ease-in-out;
      z-index: 4;
    }

  #awards .mediumcol {
    width: 30%;
    margin-right: 3.333%;
    font-size: 1.25em; }

  #judges .smallcol {
    margin-bottom: 4em;
    clear: both;
    width: 80%;
    }
  #judges .smallcol:nth-child(5n) {
    margin-left: 0; }
  #judges .largecol {
    margin-left: 0%; 
    text-align: left;}

  #timeline .time {
    display: block;
    float: left;
    margin-left: 8%;
    margin-bottom: 2em; }
    #timeline .time:last-child {
      margin-right: 0; }
    #timelineHeader { 
    padding: 0 30px 0;
  }
  #gala input#emailEnter {
    float: none;
    width: 100%;
    margin-bottom: 1em;
  }
  #gala form { 
    margin-top: .5em;}
  #gala .largecol { 
    width: 100%;
    padding-right: 0;}

  form {
    display: block;
    float: left;
    margin-right: 7.69231%;
    width: 100%;
    margin-left: 0%; }
    form:last-child {
      margin-right: 0; }
    form .topform, form .bottomform {
      padding: 1em; }
    form .largecol {
      display: block;
      float: left;
      margin-right: 7.69231%;
      width: 100%; }
      form .largecol:last-child {
        margin-right: 0; }
  form ul { padding: 0; }

  #line2 { margin-top: 340px; visibility: visible;}
  #line3 { margin-top: 620px; visibility: visible; }
  .menu ul {
    position: absolute;
    width: 100%;
    padding-top: 7px;
  }
  .menu #logoMenu { 
    float: none;
    margin-right: 0;}
  .menu ul li { width: 100%; padding: 0;}
  .menu ul li a, .menu ul li.active a, .menu ul li#enterBtn a{
    background: #6ec3cc;
    text-align: left;
    float: none;
    border-bottom: 1px solid #e7e7e6;
    padding: .7em 1.5em;
    width: 100%;
    display: block;
    color: #fff;
    border-radius: 0;
  }
  .menu ul li a:hover{ 
    background: #4b9fa7;
  }
  #collapsedMenu { 
    visibility: visible; 
  }
  #socialLinks { 
    float: none;
    width: 100%;
    clear: both;
    padding-top: .1em;}
  footer #rules {
    float: left;
  }
  #socialLinks h4 { 
    float: none;}
  #socialLinks ul { margin: 0;
    padding: 0;}
  #socialLinks li { 
    margin-bottom: .5em;}
  #socialLinks li:nth-child(3n) {
    clear: right; }
  #circle {
    width: 270px;
    height: 270px;
    margin-top: 1em;
  }
  #awards #circles .award { margin: 0 auto 20px; width: 100%; display: block; }
  #sponsorships img { margin-left: 32%;}
  #sponsorships .largecol, #sponsorships .mediumcol, #sponsorships .smallcol { 
    width: 100%;
    margin-left: 0;}
  #sponsorships .smallcol { height: 160px;}
  form li, form .city, form .state { width: 100%;}
  footer nav ul { padding: 0; width: 100%; margin-bottom: 3em; margin-top: -25px;}
  footer nav li { 
    width: 100%;
    float: none;
    text-align: left; 
    border-bottom: 1px solid #5c5756;
    padding: .5em;
    }
   footer nav li:hover {
      background-color: #484342;
    }
  #apply .contentWrap h4, #sponsorships #sponsorDescription { text-align: left;}
  #apply .button, button { margin-left: 0; font-size: 1em; }
  .sponsors .largecol { 
    width: 100%;
  }
  #contact {
    margin-left: 0%;
    width: 100%;
  }
  #contact #emailEnter { 
    width: 100%;}
  #nextweb { 
    background: url(../img/logo_tnwSm.png) top left no-repeat; }
  #quartz { margin-top: 3em;}
}


@media screen and (min-width: 481px) and (max-width: 760px) {
  header img { padding-top: 2.5em;}
  header {
    padding: .2em 0 5em 0; 
    background: #093743 url(../img/headerBg.jpg) center 2.5em repeat-x;}
    h1 { margin: 0 auto;}
  section .smallcol, header .smallcol {
    display: block;
    float: left;
    margin-right: 3.7037%;
    width: 48.14815%;
    margin-left: 0%; }
    section .smallcol:last-child, header .smallcol:last-child {
      margin-right: 0; }
  section .mediumcol, section .largecol, section .extralargecol, header .mediumcol, header .largecol, header .extralargecol {
    display: block;
    float: left;
    margin-right: 3.7037%;
    width: 100%;
    margin-left: 0%; }
    section .mediumcol:last-child, section .largecol:last-child, section .extralargecol:last-child, header .mediumcol:last-child, header .largecol:last-child, header .extralargecol:last-child {
      margin-right: 0; }
  .wrap { padding: 3em 5% 3em;}
  .menu .hide { 
      transform: translateY(-120%);
      -webkit-transform: translateY(-120%);
      -ms-transform: translateY(-120%); }/* IE 9 */
  .menu #logoMenu { 
    float: none;
    display: block;}
   .menu ul {
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: 7px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    z-index: 4;
  }
  .menu ul li { width: 100%; padding: 0;}
  .menu ul li a, .menu ul li.active a, .menu ul li#enterBtn a{
    background: #6ec3cc;
    text-align: left;
    float: none;
    border-bottom: 1px solid #e7e7e6;
    padding: .7em 1.5em;
    width: 100%;
    display: block;
    color: #fff;
    border-radius: 0;
  }
  .menu ul li a:hover{ 
    background: #4b9fa7;
  }
  #mf_aboutLogo { border-right: none; margin-bottom: 20px; margin-left: 30%;}

  #awards .mediumcol {
    width: 30%;
    margin-right: 3.333%;
    font-size: 2em; }
  #awards #circles .award { margin: 0 auto 15px; width: 100%; display: block; }

  #judges .smallcol {
    margin-bottom: 4em; 
    margin-right: 3%; 
    margin-left: 3%;
    width: 40%;}
  #judges .largecol {
    margin-left: 0%;
    text-align: left; }
  #judges .smallcol:nth-child(3n), #judges .smallcol:nth-child(5n) {
    display: block;
    clear: left;}
  #judges .smallcol:nth-child(4n), #judges .smallcol:nth-child(6n) {
    clear: none;
  }
  #timeline .time {
    display: block;
    float: left;
    margin-right: 3.7037%;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 2em; 
  }
  #timeline .time:last-child {
    margin-right: 0; }
  #timelineHeader { 
    padding: 0 30px 0;
  }
  #timeline .time p:not(.date) { 
    margin-top: 4em;
  }
  #collapsedMenu { 
    visibility: visible; 
  }
  #line2 { margin-top: 293px; visibility: visible;}
  #line3 { margin-top: 525px; visibility: visible; }

  #gala .largecol {
    width: 100%;
  }
  #gala input#emailEnter { 
    width: 80%;
    margin-bottom: 1em;}
  #circle { 
    margin-left: 15%;
    margin-top: 0;}
  
  #sponsorships .largecol, #sponsorships .mediumcol, #sponsorships .smallcol { 
    width: 100%;
    margin-left: 0;
    margin-bottom: 2em;}
  #quartz { 
    margin-left: 0;
    }
  #sponsorships .sponsors a {
    margin-bottom: 1em;
  }
  #sponsorships #sponsorDescription {
    text-align: left;
  }
  #sponsorships .smallcol { height: 160px;}

  #apply .button, button {
    margin-left: 20%;
  }
  #contact { margin-left: 15%; }

  #socialLinks {
    width: 100%;
  }
  footer nav ul { 
    width: 100%;
    padding: 0;}
  footer #rules {
    float: left;
  }
  #winning-phone { left: 0;}
  #footerWrap { margin-bottom: 2em;}
  #quartz { margin-top: 3em;}
 }



@media screen and (min-width: 761px) and (max-width: 1100px) {

  .menu #logoMenu { 
    float: none;
    display: block;}
  .menu .hide { 
      transform: translateY(-120%);
      -webkit-transform: translateY(-120%);
      -ms-transform: translateY(-120%); /* IE 9 */
    }
  .menu ul {
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: 7px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    z-index: 4;
  }
  .menu #logoMenu { 
    float: none;}
  .menu ul li { width: 100%; padding: 0;}
  .menu ul li a, .menu ul li.active a, .menu ul li#enterBtn a{
    background: #6ec3cc;
    text-align: left;
    float: none;
    border-bottom: 1px solid #e7e7e6;
    padding: .7em 1.5em;
    width: 100%;
    display: block;
    color: #fff;
    border-radius: 0;
  }
  .menu ul li a:hover{ 
    background: #4b9fa7;
  }
  .wrap #awards #circles { margin-left: 10%; }
  .wrap #awards #circles .award:nth-child(3n) {
    margin-left: 20%;
  }
  #timelineHeader { 
    padding: 0 30px 0;
  }
  #line3 { margin-top: 325px; visibility: visible; }
  #circle {
    width: 300px;
    height: 300px;
  }
  #gala input#emailEnter { 
    width: 80%;
    margin-bottom: 1em;}
  #about .largecol{ 
    width: 60%;
  }
  #collapsedMenu { 
    visibility: visible; 
  }
  #sponsorships .largecol { 
    width: 50%;
    margin-left: 10%;}
 #sponsorships .sponsors a {
    margin-bottom: 1em;
  }
}