@media (max-width:479px) {
    body {
        min-width:320px;
    }
    h1 {
        font-size:30px;
        line-height:40px;
    }
    h2 {
        font-size:25px;
        line-height:35px;
    }
    h3 {
        font-size:20px;
        line-height:25px;
    }
    
    .container {
        width:95%;
    }
    
    .row._2 {
        margin-left:0px;
        margin-right:0px;
    }
    
    .row._2 .col:first-child {
        padding-top:0;
    }
    .row._2 .col {
        width:100%;
        float:none;
        padding:0 0 30px 0;
    }
    
    .box.james .text {
        max-width:100%;
    }
    
    #footer {
        margin-top:0;
    }
    
    #footer .copy img {
        width:100px;
    }
    
    #main .w-sidebar #content {
        width:100%;
        float:none;
        margin-bottom:40px;
    }
    #main .w-sidebar #sidebar {
        width:100%;
        float:none;
    }
    
    .box.james {
        padding-bottom:120px;
    }
    
    .page-title {
        padding-top:0;
    }
}
@media (min-width:480px) and (max-width:800px) {
    body {
        font-size:25px;
        line-height:35px;
    }
    #header .container {
        width:95%;
    }
    .container {
        width:95%;
    }
    .row._2 {
        margin-left:-20px;
        margin-right:-20px;
    }
    h1 {
        font-size:55px;
        line-height:65px;
    }
    h2 {
        font-size:45px;
        line-height:55px;
    }
    h3 {
        font-size:35px;
        line-height:45px;
    }
    h4 {
        font-size:25px;
        line-height:35px;
    }
    .box.james {
        padding-bottom:250px;
    }
    .box.james .text {
        max-width:100%;
    }
    
    #footer {
/*        margin-top:0;*/
    }
    
    #main .w-sidebar #content {
        width:100%;
        float:none;
        margin-bottom:40px;
    }
    #main .w-sidebar #sidebar {
        width:100%;
        float:none;
    }
}

@media (min-width:800px) and (max-width:960px) {
    #header .container {
        width:100%;
    }
    
    nav.primary ul li a {
        font-size:13px;
    }
    
    nav.primary ul li a {
        padding:5px;
    }
    
    nav.primary ul li {
        width: 14%;
        width: calc((100% - 235px)/5);
        height:55px;
    }
    nav.primary ul li:last-child {
        width:135px;
    }
}

@media (min-width:961px) and (max-width:1200px) {
    #header .container {
        width:100%;
    }
    nav.primary ul li {
        height:60px;
    }
    nav.primary ul li a {
        height:60px;
        font-size:13px;
        padding:10px;
    }
}

@media (min-width:1200px) and (max-width:1300px) { 
    nav.primary ul li a {
        padding:5px 0;
        font-size:14px;
    }
    nav.primary ul li,
    nav.primary ul li a {
        height:60px;
    }
}

@media (min-width:1600px) {
    #main {
        font-size:25px;
        line-height:40px;
    }
    #main h2 {
        font-size:45px;
        line-height:55px;
        letter-spacing:4px;
    }
    #main h3 {
        font-size:35px;
        line-height:45px;
    }
    #main h4 {
        font-size:25px;
        line-height:35px;
    }
    nav.primary ul li a {
/*        letter-spacing:2px;*/
        font-size:18px;
    }
    .box.james .bird {
        width:212px;
        margin-left:-106px;
        bottom:-105px;
    }
    #footer {
        margin-top:-400px;
    }
    
    nav.secondary ul li a {
        font-size:22px;
        line-height:32px;
    }
    #footer .copy img {
        width:auto;
    }
    
    .page-title {
        font-size:45px;
        line-height:55px;
    }
    .page-title:after {
        height:150px;
        margin-top:-40px;
    }
    
    #sidebar .widget h3 {
        font-size:30px;
        line-height:40px;
    }
    
    #sidebar .widget input[type="text"] {
        width:60%;
    }
    
    #main .w-sidebar #content {
        padding:20px 40px;
    }
    
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
    #header {
        position:fixed;
    }
    #header .container {
        width:98%;
    }
    nav.secondary {display:none;}
    .mobile-trigger {
        display: block;
    }
    nav.primary {
        padding:0;
    }
    nav.primary ul {
        top:41px;
        position:absolute;
        width:100%;
        left:-160%;
        background:rgba(246,245,170,0.85);
        padding:0 20px;
        opacity:0;
        visibility:hidden;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }
    nav.primary.active ul {
        left:0;
        opacity:1;
        visibility:visible;
    }
    nav.primary ul li {
        background:none !important;
        display:block;
        text-align:left;
        box-shadow:none;
        width:100%;
        max-width:100%;
        line-height:20px;
        border-bottom:1px solid #333;
        border-radius:0;
        color:#111;
        height:auto;
        text-shadow:none;
    }
    nav.primary ul li:last-child {
        border-bottom:none;
    }
    nav.primary ul li a {color:#111;text-shadow: none;height:auto}
    nav.primary ul li a span {line-height:inherit}
    nav.primary ul li br {display:none;}
}

@media (max-width:800px) {
    #header {
        position:fixed;
    }
    nav.secondary {display:none;}
    .mobile-trigger {
        display: block;
    }
    nav.primary {
        padding:0;
    }
    nav.primary ul {
        top:41px;
        position:absolute;
        width:100%;
        left:-160%;
        background:rgba(246,245,170,0.85);
        padding:0 20px;
        opacity:0;
        visibility:hidden;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }
    nav.primary.active ul {
        left:0;
        opacity:1;
        visibility:visible;
    }
    nav.primary ul li {
        background:none !important;
        display:block;
        text-align:left;
        box-shadow:none;
        width:100%;
        max-width:100%;
        line-height:20px;
        border-bottom:1px solid #333;
        border-radius:0;
        color:#111;
        height:auto;
        text-shadow:none;
    }
    nav.primary ul li:last-child {
        border-bottom:none;
    }
    nav.primary ul li a {color:#111;text-shadow: none;height:auto}
    nav.primary ul li a span {line-height:inherit}
    nav.primary ul li br {display:none;}
}