/*
 Big table to desktop 1200 (width smaller than pixel row)
*/
@media only screen and (max-width: 1200px) {
}

/*
 iPad and in the portrait mode - small table to big table
*/
@media only screen and (max-width: 1023px) {
    section {
        padding: 60px 0;
    }

    .row {
        padding: 0 2%;
    }
}

/*
 Phones smaller than the ipad from 481-767px
*/
@media only screen and (max-width: 767px) {

    body {
        font-size: 14px;
    }

    section {
        padding: 30px 0;
    }

    .row {
        padding: 0 4%;
    }

    h2 {
        font-size: 200%;
    }

    h3 {
        font-size: 160%;
        font-weight: 400;
    }

    .about-us-p {
        font-size: 110%;
    }

    .about-us-img {
        width: 100%;
    }

    .white-logo img {
        height: 50%;
        margin-top: 20px;
    }

    .fb-logo {
        height: 90%;
        margin-top: 5px;
    }

    .service-text {
        font-size: 100%;
        margin-top: 20px;
    }
}

/*
 Small phones 0-480px
*/
@media only screen and (max-width: 480px) {
    .main-nav .link-box:first-child a {
        border-radius: 0;
    }

    .main-nav .link-box:last-child a {
        border-radius: 0;
    }

    .main-nav .link-box {
        margin-bottom: 2px;
        margin-left: 5px;
    }

        .main-nav .link-box:first-child {
            margin-top: 2px;
        }

    .row {
        padding: 0 auto;
    }

    section {
        padding: 30px 0;
    }

    body {
        font-size: 14px;
    }

    .about-us-img {
        width: 55%;
        margin-left: 20%;
        float: none;
    }

    .white-logo img {
        height: 60%;
        margin-top: 85px;
    }

    .fb-logo {
        height: 80%;
        margin-top: -7px;
        width: 30%;
    }

    .service-image {
        width: 14%;
    }

    header {
        height: 35vh;
    }

    .logo {
        width: 70%;
    }

    h3 {
        text-align: center;
        font-size: 150%;
    }

    .about-us-p {
        text-align: center;
        margin-left: 40px;
    }

    .value-box span {
        font-size: 120%;
        width: 100%;
        margin-bottom: 25px;
    }

    .label-box span {
        font-size: 120%;
        width: 33%;
    }
}