/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1250px) {

    body {
        font-size:16px;
        line-height:22px;
    }
    h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 20px 0;
        padding: 0 0 10px;
    }
    .big-txt p {
        font-size: 15px;
        line-height: 26px;
    }
    .socialBox {
        top: 18px;
        right: 15px;
    }
    #mainLink {
        width: 185px;
        height: 155px;
        background-size: 120px auto;
    }

    #mainMenu {
        margin: 75px 15px 0 0;
    }

    #mainMenu ul li {
        
    }
    #mainMenu ul li a {
        font-size: 16px;
        padding: 11px 8px
    }

    header.smaller .socialBox {
        opacity: 0;
    }
    
    .contactInfo {
        margin-top: 45px;
        font-size: 16px;
        line-height: 22px;
        margin-left: 35px;
    }
    .captionWrapper {
        bottom: 20px;
    }
    #slider .item img {
        display: block;
        height: auto;
    }

    .captionBox h5 {
        font-size: 22px;
        margin-bottom: 0;
        line-height: 25px;
    }
    .captionBox h4 {
        font-size: 22px;
    }

    .more {
        margin: 10px 0 0;
    }
    ul#tabs li {
        padding: 10px 16px;
        margin-bottom: 10px;
        font-size: 15px;
    }
    ul#tab h4 {
        font-size: 24px;
    }
    .titleBox {
        margin-bottom: 10px;
    }
    .titleBox p {
        font-size: 20px;
        line-height: 32px;
    }
    .wrapper .container {
        max-width: 768px;
    }
    .wrapper .container img {
        max-width: 100%;
        height: auto
    }

    .parallaxBox {
        line-height: 26px;
            padding: 65px 0 65px;
    }
    .parallaxBox .span_6_of_12 {
        width: 75%;
    }
    .parallaxBox h3 {
        font-size: 35px;
        line-height: 35px;
    }
    .parallaxBox h3 span {
        font-size: 40px;
        line-height: 45px;
    }
    .carouselIntro {
        width: 340px;
    }
    #kontakt .col.first {
        font-size: 20px;
        line-height: 35px;
    }
    .bottomContact {
        font-size: 20px;
        margin-top: 60px;
    }
    .bottomContact span {
        font-size: 20px;
        line-height: 22px;
    }

    #footer .span_4_of_12 {
        width: 39.33%
    }
    
    #footer .span_3_of_12 {
        width: 38%;
    }

    #footerContact .contacts {
        width: 100%;
        text-align: center;
        margin: 0 0 25px;
    }
    #footerContact .contacts i {
        float: none;
    }
    
    #footerLogo img {
        max-width: 285px;
        height: auto;
    }
    #copyright {
        font-size: 14px;
    }
    
    .slider-overlay {
        display: none;
    }
    #contact {
        font-size: 16px;
    }
    
    #footer h4 {
        font-size: 21px;
    }
    
    #contentWrapper h1 {
        font-size: 26px
    }
}