/* Big tablets to 1200px: (widths smaller than 1148px row) */
@media only screen and (max-width: 1200px) {
   
    .row {padding: 0 2%;} 
         
    }  

/* Small tablets to big tablets: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
         
    body {font-size: 18px;}
    section {padding: 40px 0;}
    
    
.long-copy {
    width: 80%;
    margin-left: 10%; 
    padding: 30px;
    }
           
            
     .icon-small {
        width: 17px;
        margin-right: 5px;
    }
    
    .band-colored {display: none;}
       
            
    .flying-minislide {
    width:600px; 
    height:300px; 
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    }
    
    
/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {

    body {font-size: 16px;}
    sectiion {30px 0;}
    
    .row,
    .col {
    width: 100%;
    margin: 0 0 4% 0;}
    
    h2 {font-size: 150%;}
    h6 {font-size: 140%;}
    
.long-copy {
    width: 100%;
    margin-left: 0%;}
        
    
.long-copy3 {
    width: 60%;
    margin-left: 20%; 
    margin-right: 20%;}
  
        
    .flying-minislide {
    width:400px; 
    height:200px; 
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    }
    
        
    .band-photo {
    background-position: absolute;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    }

    
    .band-photo1 {
    background-position: absolute;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    }

   
.icon-big {
    width: 10%;
    padding: 5px
      }
    
     
   .mobile-nav-icon ion-icon {
    font-size: 200%;
    color: #B33771;
    margin-top: 20px;
    margin-left: 15px;
    display:inline-block;
     }
    
               
    .main-nav {
        float: left;
        margin-top: 0px;
    }
    
    .main-nav li {
        display:block;
    }

    .main-nav li a:link,
    .main-nav li a:visited {
        display: block;
        border: 0;
        padding: 5px;
        font-size: 80%;
        }
       
           
  .sticky .mobile-nav-icon ion-icon {
    font-size: 100%;
    color: #B33771;
    margin-top: 20px;
    margin-left: 15px;
    display:inline-block;
     }
    
    
    
/* Small phones: from 0px to 480px */
@media only screen and (max-width: 480px) {


    section {padding: 25px 0;}
               
  .long-copy3 {
    width: 100%;
    margin-left: 0%; 
    margin-right:0%;}
  
    
        
    .flying-minislide {
    width:400px; 
    height:200px; 
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    }
    
        
    .band-photo {
    background-position: absolute;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    }

     
.icon-big {
    width: 15%;
    padding: 5px
      }
    
    } 
    
    
   }