@media screen and (min-width:768px){  
  #logo{float:none;}
}

@media screen and (min-width:992px){
  .column50{width:50%;}
}

@media screen and (min-width:1200px){
  .page{padding-top:130px;}
}

@media screen and (max-width:767px){ 
  body{font-size:16px;}
 
  header{position:relative;}

  #masthead{
    text-align:left;
    top:0;
  }

  #mission h2{font-size:2.3em;}

  #mission h3{
    font-size:1.4em;
    font-weight:400;
  }

  .social span[class^="fa-"]{
    font-size:1.6em;
    line-height:50px;
    height:50px;
    width:50px;
  }

  .social .link_text{display:none !important;}
  
  .indent{padding-left:0;} 

  .container table{margin-left:0 !important;}
  
  .container table td{padding:2px;} 
  
  .page{padding-top:106px;}

  .page ul, .page ol{
    margin: 1em 0 0.5em;
    padding:0 0 0 0.8em;  
  } 

  .page ul ul, .page ol ul{
    margin: 1em 0 0.5em;
    padding:0 0 0 1.2em;  
  }
    
  form#contact label{font-size:1em;}
  
  form#contact input[type="text"], form#contact textarea{font-size:1em;}
}

@media screen and (max-width:480px){ 
  form#contact label{
    float:none;
    display:block;
    margin:0 0 10px;
  }
  
  form#contact input[type="text"], form#contact textarea{
    display:block;
    float:none;
    width:100%;
    border-width:1px;
  }
  
  .submit_btns input{
    width:100%;
    margin:0 auto 10px !important;
    display:block;
    max-width:90%;
    width:90%;
  }
  
  .pop_up{width:90%;}
}