/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12-May-2015, 10:35:53
    Author     : Neil
*/

@media only screen and (min-width:641px) {
    
    header, nav, .row, footer {
        max-width:641px;
        margin: 0 auto;
    }
    
    nav ul {
        padding: 0;
        margin-left: 2%;
        border-left: solid 1px rgba(0,0,0,0.4)
    } 

    nav ul li {
        width: auto;
        margin: 0;
    }

    nav ul li a {
        /* remove phone effects */
        margin: 0;
        background-color: transparent;
        border-radius: 0;
        
        /* add tablet effects */
        padding: 1em 1.5em;
        font-weight: 300;
        font-size: .9em;
        border-right: solid 1px rgba(0,0,0,0.4)
    }
    
    .column-12 {
       width:100%;
       float:left;
    }
    
    .column-8 {
        width:66%;
        float:left;
    }
    
    .column-6, .column-4{
        float:left;
    }
    
    .column-6{
        width:50%;
    }
    
    .column-4{
        width:33.333%;
    }
    
    .column-3 {
        width:25%;
        float:left;
    }
    
    .column-2 {
        width:17%;
        float:left; 
    }
    
    
    #logo {
        width:100%;
    }     
    
    #logo .column-3 {
     margin-left:0px;
    } 
    
    #headerwrapper {
        max-height: 100px;   
        height: 200px;
    }
    
    
    #flourish, #hex {
        display:block;
    }
    
    #footerWrapper {
        display:none;
    }
    
    
    #footerWrapper .row .column-4
    {
        background-color:#C7EBFC;
        text-align: center;
        height:110px;
        padding: 0.3em .3em;
    }
    
}