h1, h2, h3, h4, h5 {
  font-family: 'alwynbold', sans-serif;
}

h2 {
  color: #00bbd7;
}

h3 {
  color: #65c319;
}

body {
  background-image: url('../img/template-background.jpg');
  background-position: center top; 
  background-repeat: no-repeat;
}

#main-logo {
  margin-top: 15px;
}

#main-nav {
  margin-top: 15px;
  font-family: "alwynbold";
}

#main-nav li a {
  color: #00bbd7;
  text-transform: uppercase;
  padding-right: 5px;
  padding-left: 5px;
  font-family: 'alwynthin', sans-serif;
}

body#home #main-nav li a#nav-home {
  color: #65c319;
}

#main-nav h2 {
  text-align: center;
}

#promo {
  margin-top: 15px;
}

#laurels {
  margin-top: 15px;
}

#sidebar {
  margin-top: 15px;
}

#screening, #supporters, #mailing, #footer {
  margin-top: 15px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ccc;
}
  #screening h2:nth-of-type(n+2) {
    margin-top: 45px;
  }
  
  #screening img {
    margin-bottom: 20px;
  }

#sidebar {
  background: #00bcd7;
}
  #sidebar h2, #sidebar a {
    color: #fff;
  }

#social, #footer {
  padding-top: 10px;
}

#social {
  margin-top: 30px;
}

.panel {
  background-color: #66c31a;
  background-image: url('../img/quote-ball.png');
  background-position: right bottom; 
  background-repeat: no-repeat;
}
  .panel p {
    color: #fff;
    font-size: 0.75em;
  }



@media only screen { 
  #main-logo {
    text-align: center;
  }
} /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */



@media only screen and (min-width: 40.063em) {

  #main-nav {
    margin-top: 30px; 
  }
  
  body#home #main-nav li a#nav-home {
    color: #65c319;
    border-bottom: solid 1px;
    border-color: #65c319;
  }


    
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */



@media only screen and (min-width: 64.063em) {

    #main-nav li a {
      font-size: 20px;
      font-weight: 100;
    }
    
    #main-nav h2 {
      margin-top: 50px;
      margin-right: 90px;
      margin-left: 90px;
      text-align: center;
    }
    
    #main-nav li a {
      border-bottom: solid 3px;
      border-color: #00bbd7;
    }
  
      body#home-body #main-nav li a#nav-home {
        color: #65c319;
        border-bottom: solid 3px;
        border-color: #65c319;
      }
      
      body#film-body #main-nav li a#nav-film {
        color: #65c319;
        border-bottom: solid 3px;
        border-color: #65c319;
      }
      
      body#outreach-body #main-nav li a#nav-outreach {
        color: #65c319;
        border-bottom: solid 3px;
        border-color: #65c319;
      }
      
      body#screening-body #main-nav li a#nav-film {
        color: #65c319;
        border-bottom: solid 3px;
        border-color: #65c319;
      }      

      #promo {
        margin-top: -80px;
   
      }
    
    #sidebar {
      margin-left: 30px;
    }
    
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */



@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */