/*
@media (min-width:353px) { smartphones, portrait iPhone, portrait 480x320 phones (Android)}
@media (min-width:480px) { smartphones, Android phones, landscape iPhone}
@media (min-width:600px) { portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android)}
@media (min-width:801px) { tablet, landscape iPad, lo-res laptops ands desktops}
@media (min-width:992px) { navbar toggle}
@media (min-width:1025px) { big landscape tablets, laptops, and desktops}
@media (min-width:1281px) { hi-res laptops and desktops}
*/



#feedback-med{
    display:none;
}

#feedback-large{
    display:none;
}

#tagline-lg{
    display:none;
}

#classesID-lg{
    display:none;
}

#classesPageID-lg{
    display:none;
}

#aboutID-lg{
    display: none;
}

.address_lg{
    display:none;
}
#addressContainer{
    display:none;
}

#SclassesPageID-lg{
        display: none;
    }
#classesID{
    display: none;
}
#classesPageID-lg{
    display: none;
}

@media only screen and (min-width:320px){
    nav img{
        width:75%;
    }
    nav a{
        width:75%;
    }

    main{
        padding-top:175px;
        font-size:x-small;
    }
    .modal, .modal-title{
        font-size: small;
    }
    .title{
        font-size:inherit;
    }
    #missionDiv p{
        font-size:x-small;
    }

    footer{
        font-size:small;
    }
}

@media only screen and (min-width:353px){
    nav img{
        width:50%;
    }
    nav a{
        width:50%;
    }
    

    nav #cmLogolg{
        width:40%;
    }
    .fancytextHiring {
        font-size: 10px;
    }
    #classesmain{
        padding-top:85px;
    }


}

@media only screen and (min-width:412px){
    main{
        padding-top:145px;
    }


}

@media only screen and (min-width:540px){
    main{
        padding-top:165px;
    }
}

@media only screen and (min-width:767px){
    main{
        padding-top:210px;
        font-size:initial;
    }
    #classesmain{
        padding-top:165px;
    }
    #tagline{
        font-size: 10px;
        margin-left: -100px;
    }
    .title{
        font-size:inherit;
    }
    #missionDiv p{
        font-size:initial;
    }
    
    .address{
        font-size:12px;
        padding-left:60px;
    }

    footer{
        font-size:initial;
    }
    #feedback{
        display:none;
    }
    #feedback-med{
        display: block;
    }
    
    .fancyfirstHiring, .fancyfirstAmazon, .fancyfirstContest, .fancyfirstEmail{
        font-size:60px;
    }
    
    .fancyendHiring, .fancyendAmazon, .fancyendContest, .fancyendEmail{
        font-size:30px;
    }

    .fancytextHiring, .fancytextAmazon, .fancytextContest, .fancytextEmail{
        font-size:18px;
    }
    .modal, .modal-title{
        font-size:medium;
    }





}

@media only screen and (min-width:819px){
    main{
        padding-top:240px;
    }

    .fancyfirstHiring, .fancyfirstAmazon, .fancyfirstContest, .fancyfirstEmail{
        font-size: 50px;
    }
    .fancyendHiring, .fancyendAmazon, .fancyendContest, .fancyendEmail{
        font-size:25px;
    }

    .fancytextHiring, .fancytextAmazon, .fancytextContest, .fancytextEmail{
        font-size:14px;
    }
     .address{
        font-size:12px;
        padding-left:60px;
    }

    #aboutID{
        display: none;
    }
    #aboutID-lg{
        display: block;
    }
    #classesID, #SclassesPageID, #classesPageID{
        display: none;
    }
    #classesID-lg, #SclassesPageID-lg, #classesPageID-lg{
        display: block;
    }

}


@media only screen and (min-width:1023px) {
    #address_sm{
        display:none;
    }
    #addressContainer{
        display: block;
    }
    .address_lg{
    display:block;
}
    .navbar-nav > li{
        margin-left: 10px;
        margin-right: 10px;
    }
    .nav-item{
        font-size:120%;
    }

    nav img{
        width:90%;
    }

    nav a{
        width: 20%;
    }

   main{
    padding-top:275px;
    font-size: large;
   }
  
   #classesmain{
    padding-top:235px;
}
   #missionDiv{
    margin-top:20px;
   }

    #missionDiv p{
        font-size:large;
    }

    footer{
        font-size:initial;
    }

    #qrimage{
        width: 120px;
    }


    .fancyfirstHiring, .fancyfirstAmazon, .fancyfirstContest, .fancyfirstEmail{
        font-size: 80px;
    }
    .fancyendHiring, .fancyendAmazon, .fancyendContest, .fancyendEmail{
        font-size:40px;
    }
    .fancytextHiring, .fancytextAmazon, .fancytextContest, .fancytextEmail{
        font-size:28px;
    }

    #tagline{
        display: none;
    }
    #tagline-lg{
        display: block;
        width: 100%;
        position:fixed;
        font-size:30px;
        margin-top:-35px;
        z-index: 2;
        /*bs-gutter-x: 0 !important;*/
    }

}


@media only screen and (min-width: 1281px){
    .nav-item{
        font-size:180%;
    }
    #feedback-med{
        display:none;
    }
    #feedback-large{
        display: block;
    }
#address_lg{

      position:fixed; 
      top:150px;
font-size:16px;
      
      z-index:2;

  }
   
}

@media only screen and (min-width: 1300px){
    #tagline-lg{
        margin-top:-83px;
        width:102%;
    }
    #address_lg{

      position:fixed; 
      top:225px;
font-size:16px;
      
      z-index:2;

  }
    
}