body {
}



@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    h2 {
        font-size:40px;
    }
    header {
        margin-top: 0;     padding: 0px 0px;
    }

    .menu-fixed img {
          max-width: 50%;
    display: block;
    padding-bottom: 20px;
    margin: 0 auto;
    }
    .menu-fixed .nav {
    }
    .navbar-light .navbar-brand {
            margin-bottom: 0px;
    width: 100%;
    }

    .navbar-light .navbar-toggler {
color: #000;
    background-color: #fff;
    font-size: 14px;
    line-height: inherit;
    padding: 8px 16px;
    display: block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    border-radius: 100px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    transition: background .3s ease-out;
    margin: auto !important;
    width: 50%;
    }

        .navbar-light .navbar-toggler:after {
            content: "Menu";
        }

        .navbar-light .navbar-toggler svg {
            display: none;
        }

    .cta {
           padding: 8px 16px;
    font-size: 14px;
    }
    .navbar-nav {
        margin-top:20px;
        text-align:center;
    }
    .nav-item {
        border-bottom:1px solid #fff;
    }
    #home, #services {
        margin-top: 0 !important;
    }
    .focus, .pricing {
        padding: 30px 0;
    }
    #home .col-sm-4 {
        margin-bottom: 25px !important;
    }
    #home .cta {
        display:none;
    }
    .cta-price {
        display:none;
    }
    .plane {
        display:block;
    }
        .plane svg {
            display:none;
        }
    .horizontal {
        position:relative;
    }
    .sticky {
        position:relative;
        overflow:inherit;
        height:auto;
    }
    .cards {
        display:block;
        padding:0;
    }
    .space-holder {
        height: auto !important;
    }
    figure.img {
        margin-top:40px;
    }
    .sample-card {
        margin-right:0;
    }
    .experience {
        padding: 1rem !important;
    }
    #services .pt-5 {
        padding-top:0 !important;
    }
    #services .pb-5 {
        padding-bottom:0 !important;
    }
    .plane > p {
        position: relative;
        bottom: auto;
    }
    #planes {
            display: block;
    width: calc(((96vw / 1.75) + 15vw) * 6);
    }
    .plane-wrapper {
        text-align:left;
        margin:0;
    }
        .plane-wrapper span {
            margin-bottom:15px;
        }
        .plane-wrapper strong {
            font-size:25px;
        }
    .experience h2 {
        font-size:40px;
    }
    .team h5, .team span {
        font-size: 14px;
        line-height:20px;
    }
    .team img {
        width:100%;
    }
    #prices .col-sm-4 {
        margin-bottom: 25px !important;
    }
    #contact {
        padding:1rem !important;
    }
    footer a svg {

    }

    .hover-reveal {display: none;}
}




@media only screen and (min-device-width:480px) and (max-device-width:768px) {
    header {
        margin-top: 0;
    }

    .menu-fixed img {
        max-width: 50%;
        margin: 0 auto;
        display: block;
    }
    .menu-fixed .nav {
        margin:0 auto !important;
    }
    .navbar-light .navbar-brand {
        margin-bottom: 30px;
    }

    .navbar-light .navbar-toggler {
        color: #000;
        background-color: #fff;
        font-size: 16px;
        line-height: inherit;
        padding: 8px 50px;
        display: block;
        position: relative;
        vertical-align: middle;
        text-align: center;
        border-radius: 100px;
        cursor: pointer;
        white-space: nowrap;
        text-decoration: none;
        transition: background .3s ease-out;
        margin:auto !important;
    }

        .navbar-light .navbar-toggler:after {
            content: "Menu";
        }

        .navbar-light .navbar-toggler svg {
            display: none;
        }

    .cta {
        padding: 8px 50px;
    }
    .navbar-nav {
        margin-top:20px;
        text-align:center;
    }
    .nav-item {
        border-bottom:1px solid #fff;
    }
    #home, #services {
        margin-top: 0 !important;
    }
    #home .col-sm-4 {
        margin-bottom: 25px !important;
    }
    #home .cta {
        display:none;
    }
    .cta-price {
        display:none;
    }
    .plane {
       display: block;
    }
    .copy{
    padding: 18px;
    height: 100%;}
        .plane svg {
            display:none;
        }
    .horizontal {
        position:relative;
    }
    .sticky {
        position:relative;
        overflow:inherit;
        height:auto;
    }
    .cards {
        display:block;
        padding:0;
    }
    .space-holder {
        height: auto !important;
    }
    figure.img {
        margin-top:0px;
    }
    .sample-card {
      float: left;
    width: 45%;
    margin: 16px;
    }
    .experience {
        padding: 1rem !important;
    }
    #services .pt-5 {
        padding-top:0 !important;
    }
    #services .pb-5 {
        padding-bottom:0 !important;
    }
    .plane > p {
        position: relative;
        bottom: auto;
    }
    #planes {
        display:block;
    }
    .plane-wrapper {
        text-align:left;
        margin:0;
    }
        .plane-wrapper span {
            margin-bottom:15px;
        }
        .plane-wrapper strong {
            font-size:25px;
        }
    .experience h2 {
        font-size:40px;
    }
    .team h5, .team span {
        font-size: 14px;
        line-height:20px;
    }
    .team img {
        width:100%;
    }
    #prices .col-sm-4 {
        margin-bottom: 25px !important;
    }
    #contact {
        padding:1rem !important;
    }
    .focus, .pricing {     padding: 21px 15px !important;}
    .focus h1{    font-size: 24px;
    line-height: 39px;}
.contact-mill{    font-size: 13px;}
.pricing strong {
    font-size: 24px;margin-bottom: 18px
}.pricing span {
    font-size: 15px;
}input[type=text], input[type=email], input[type=number], input[type=tel], select, textarea {

    padding: 7px 5px;
    font-size: 14px;
}.container-sticky {
    display: flex;
}
.hover-reveal {display: none;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
header {
        margin-top: 0;
    }

    .menu-fixed img {
        max-width: 50%;
        margin: 0 auto;
        display: block;
    }
    .menu-fixed .nav {
        margin:0 auto !important;
    }
    .navbar-light .navbar-brand {
        margin-bottom: 30px;
    }

    .navbar-light .navbar-toggler {
        color: #000;
        background-color: #fff;
        font-size: 16px;
        line-height: inherit;
        padding: 8px 50px;
        display: block;
        position: relative;
        vertical-align: middle;
        text-align: center;
        border-radius: 100px;
        cursor: pointer;
        white-space: nowrap;
        text-decoration: none;
        transition: background .3s ease-out;
        margin:auto !important;
    }

        .navbar-light .navbar-toggler:after {
            content: "Menu";
        }

        .navbar-light .navbar-toggler svg {
            display: none;
        }

    .cta {
        padding: 8px 50px;
    }
    .navbar-nav {
        margin-top:20px;
        text-align:center;
    }
    .nav-item {
        border-bottom:1px solid #fff;
    }
    #home, #services {
        margin-top: 0 !important;
    }
    #home .col-sm-4 {
        margin-bottom: 25px !important;
    }
    #home .cta {
        display:none;
    }.order-md-last {
    order: 0!important;
}
}