/* iPad landscape */

/* ==========================================
 WIDTH
========================================== */
.ipl-width-20 {
    width:20%;
}
.ipl-width-25 {
    width:25%;
}
.ipl-width-30 {
    width:30%;
}
.ipl-width-35 {
    width:35%;
}
.ipl-width-40 {
    width:40%;
}
.ipl-width-45 {
    width:45%;
}
.ipl-width-50 {
    width:50%;
}
.ipl-width-55 {
    width:55%;
}
.ipl-width-60 {
    width:60%;
}
.ipl-width-65 {
    width:65%;
}
.ipl-width-70 {
    width:70%;
}
.ipl-width-75 {
    width:75%;
}
.ipl-width-80 {
    width:80%;
}
.ipl-width-85 {
    width:85%;
}
.ipl-width-90 {
    width:90%;
}
.ipl-width-95 {
    width:95%;
}
.ipl-width-100 {
    width:100%;
}

/* ==========================================
 PADDING
========================================== */
.ipl-pad-top-10 {
    padding-top:10px;
}
.ipl-pad-top-20 {
    padding-top:20px;
}
.ipl-pad-top-60 {
    padding-top:60px;
}
.ipl-pad-bot-10 {
    padding-bottom:10px;
}
.ipl-pad-bot-20 {
    padding-bottom:20px;
}
.ipl-pad-bot-70 {
    padding-bottom:70px;
}
.ipl-pad-left-10 {
    padding-left:10px;
}
.ipl-pad-left-20 {
    padding-left:20px;
}
.ipl-pad-right-10 {
    padding-right:10px;
}
.ipl-pad-right-20 {
    padding-right:20px;
}
.ipl-pad-sides-10 {
    padding-left:10px;
    padding-right:10px;
}
.ipl-pad-sides-20 {
    padding-left:20px;
    padding-right:20px;
}

/* ==========================================
 MARGIN
========================================== */
.ipl-marg-auto {
    margin:0 auto;
}
.ipl-marg-0 {
    margin:0;
}
.ipl-marg-top-10 {
    margin-top:5px;
}
.ipl-marg-top-20 {
    margin-top:20px;
}
.ipl-marg-bot-10 {
    margin-bottom:10px;
}
.ipl-marg-bot-20 {
    margin-bottom:20px;
}
.ipl-marg-left-10 {
    margin-left:10px;
}
.ipl-marg-left-20 {
    margin-left:20px;
}
.ipl-marg-right-10 {
    margin-right:10px;
}
.ipl-marg-right-20 {
    margin-right:20px;
}

/* ==========================================
 CONTAINERS
========================================== */
.title-spacing-home {
    padding-top: 50%;
}
.project-padding {
    padding: 0;
}

/* ==========================================
 NAVIGATION
========================================== */
nav.font-18 {
    font-size:16px;
}
nav #Navigation > li a {
    padding: 10px 13px;
}
@media screen and (max-width:860px) {
    header .col-35, header .col-65 {
        width:100%;
        text-align:center;
    }
    header .col-65 {
        padding-top:15px;
    }
    header .pad-top-40 {
        padding-top:20px;
    }
    header .pad-bottom-40 {
        padding-bottom:20px;
    }
}

/* ==========================================
 SLIDER
========================================== */
.slide-child {
    padding-top: 8%;
}
.slide-content h2 {
    font-size: 30px;
    line-height: 38px;
    padding-bottom: 20px;
}
.slide-content p a {
    padding: 10px 15px;
}
@media screen and (max-width:860px) {
    .slide-child {
        padding-top: 6%;
    }
    .slide-content h2 {
        font-size: 26px;
        line-height: 32px;
        padding-bottom: 15px;
    }
    .col-4-10.slide-child {
        width:50%;
    }
    .slide-content p {
        font-size: 17px;
        padding-bottom: 35px;
    }
    .slider-arrows {
        top: 45%;
        z-index: 4;
    }
}

/* ==========================================
 TEXT
========================================== */
.about-content.font-36 {
    font-size:30px;
}
.contact-width h3, .featured-proj .font-44 {
    font-size: 36px;
}
.project-column .font-24 {
    font-size: 20px;
}
.sub-hero h2 {
    font-size:30px;
    line-height:38px;
}