/* big tablets to 1200pxs: (widths smaller than the 1140px row) */
@media only screen and (max-width: 1200px) {

    .row {padding: 0 2%; }
    
 .main-nav li {
     font-size: 0.95em;
     margin-left: 0.9em !important;
    
    }
    
 

    

}




/* small tablet to big tablets: from 768 to 1023px */
@media only screen and (max-width: 1023px) {
    
    
    
   .main-nav { display: none; }
    
   .mobile-nav-icon {
           display: inline-block;
}
    
    
  
   
 
    
    .main-nav { 
                margin-top: 170px;        
                 }
    
   .main-nav li {
        display: block; 
        z-index: 9999;
        width: 120%;
       text-align: center;
       position: relative;
                     
    }
    
   
    
 
    /* main drop down */
    
    .main-nav li a:link,
    .main-nav li a:visited {
        display: block; 
        background-color: #1abc9c;
        border: 0;
        padding: 10px 5px;
        
        
    }    
     

  
    
    .sticky .main-nav { margin-right: 40px;
                        margin-top: 70px; 
                        padding: 0;
                        z-index: 99999; }
    
    .sticky .main-nav li a:link,
    .sticky .main-nav li a:visited { padding: 10px; }
    
    .sticky .mobile-nav-icon {margin-top: 10px; 
                                
                                 }
  
    .sticky .mobile-nav-icon i {color: #555;
                                    
        
                               
    }
    
    
  
   
   
  





/* small phones to small tablets: from 481 to 767px */
@media only screen and (max-width: 767px) {
  
  
    
 
}



/* small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
    
    .sticky .main-nav {
        max-width: 140px;
        margin-top: 20px;
        
    }
    h3 { font-size: 250%; }
    
    .main-nav { margin-top: 170px;
                float: left; }
    
    .logo-black { margin-right: 120px; }
    
    .sticky .mobile-nav-icon {margin-left: 50px;                         
                                 }
    
    .photo {
    width: 40%;
    height: auto;
    margin-right: 20px;
    margin-bottom: 10px;
    }
}