/*Media queries for smaller screens*/






/*First transition: the main no longer fits*/

@media only screen and (max-width: 1120px) {
      main header {
        margin-right: 0;
    }
  main {
  
    
    padding-left: 0;
    padding-top: 16px;
 }
   footer {
        padding: 0 35px;
    }     
}



/*The screen is reduced to two column widths*/

@media only screen and (max-width: 1023px) {
    .col3w {
        max-width: 970px;
    }
  
  main {
    max-width: 705px;
  
  
 }
 
 
/*Menu*/
header nav {
    padding-left: 35px;
    padding-right: 35px;
}
header nav li {
    margin-left: 20px;
}
header nav a {
    font-size: 0.9em;
    letter-spacing: 0.5px;
} 
 
  
}



/*transition two iPhone landscape */
@media only screen and (max-width: 705px) {
    
    .hideonphone {
        display: none;
    }
    
    .col1w,.col2w,.col3w {
        
    }
    main {
        padding:  10px;
    }
    .col1w,.col2w,.col3w {
        max-width: 635px;
        width: 100%;
        margin: 0 0 10px 0;
        overflow-x: auto;
    }
    main {
        padding-right: 10px;
    }
    main header {
        margin-left: 10px;
    }
    header nav {
        padding-left: 5px;
        padding-right: -5;
        margin-right: -35px;
    }
    header nav li {
        margin-left: 5px;
    }
    header nav a {
        font-size: 0.7em;
        letter-spacing: 0.5px;
    } 
    
    footer {
        padding: 0 35px;
    }
}


/* Stylesheet: zeghertmedia Modified On 2015-02-05 13:25:43 */