@media only screen and (max-width: 1100px) {

    /*.wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }*/

}

@media only screen and (max-width: 1024px) {


}

@media only screen and (max-width: 767px) {

    /*section {
        padding: 20px;
    }*/

    header .contactwrapper a {
        bottom: 7px;
    }
    header .microsite-logo {
        margin-top: 30px;
    }
    header section.grey {
        margin-top: 30px;
    }

    .trainer p.bio,
    .trainer .quals,
    .trainer .specialities {
        text-align: left;
    }
    section .package .price {
        margin-bottom: 0;
    }

    footer {
        padding: 0 30px;
    }

}