.services {
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: url(/img/linen.svg);
    background-size: 50%;
    overflow-x: hidden;
    background-repeat: repeat;
    background-size: 400px 400px;
    color: #295680;
}

.equipment li {
    font-family: 'ProximaNova-Light';
    font-weight: 300;
    line-height: 1.63;
    color: #4a4a4a;
}
.equipment-body {
    -webkit-padding-start: 20px;
}
.section.group.equipment {
    margin: 5vw 0 5vw 0;
}


/* phone only */

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

    .col.span_4_of_12.body {
        width: 100%;
        padding-bottom: 8vw;
    }
    .progroup .col.span_5_of_12 {
        padding: 2vw 0vw 2vw 0vw;
    }
    .section.services-grid.linen a {
        font-family: ProximaNova-Bold;
        text-decoration: none;
        letter-spacing: 0.4px;
        font-size: 7.5vw;
        color: #6559a3;
    }
    .section.services-grid.linen h3 {
        font-size: 13.5vw;
        font-family: ProximaNova-Bold;
        padding-top: 5vw;
        border-top: solid #598bc7;
    }
    h2 {
        font-size: 6vw;
        margin-bottom: 15px;
    }
    h3 {
        font-family: "ProximaNova-Bold";
        font-size: 14vw;
        line-height: 1;
        letter-spacing: -1.5px;
        margin-bottom: 8vw;
        padding-top: 5vw;
    }
    .hero h3 {
        margin-top: -16vw;
        color: white;
        font-family: ProximaNova-Black;
        font-size: 45px;
        letter-spacing: 0.4px;
        text-align: left;
        background-color: #598bc7;
        padding: 7vw;
        margin-left: -5vw;
        margin-right: -5vw;
    }
    .body {
        padding-left: 2vw;
        width: 90vw;
        padding-bottom: 30px;
    }
    h4 {
        font-family: 'Spectral';
        font-weight: 600;
        line-height: 1.25;
        color: #4f86c6;
        margin-bottom: 15px;
        margin-top: 5px;
    }
    h5 {
        font-size: 18px;
        font-family: 'ProximaNova-Light';
        color: #f4f4f4;
    }
    h6 {
        font-size: 12px;
        font-family: 'ProximaNova-Light';
        color: #f4f4f4;
    }
    .equipment-body {
        font-size: 4vw;
    }
    .section.group.bug.poi {
        padding: 0;
    }
    .bug {
        font-size: 24px;
        line-height: 1.25;
        text-align: center;
    }
    .bug img {
        width: 36.5vw;
    }
    .badge {
        background-color: #598bc7;
    }
    .section.group.bug.poi img {
        width: 28.5vw;
        margin-left: -64vw;
    }
    .col.span_5_of_12.poi-group {
        background-color: #598bc7;
        padding: 10vw 0 10vw 0;
        margin: 0;
    }
    .bug-text {
        text-align: left;
        line-height: 1.44;
        color: #ffffff;
        letter-spacing: 0.3px;
        font-size: 18px;
        width: 72%;
        margin-left: 5vw;
    }
    .poi-desktop {
        display: none;
    }
    .section {
        padding: 3.2%;
        overflow-x: hidden;
    }
    .hero img {
        padding: 0;
        width: 50%;
        margin-left: 3.3%;
    }
    .hero-image img {
        width: 108%;
        margin: 19vw 0 0 -4vw;
    }
    .orange-header {
        font-family: 'ProximaNova-Light';
        font-weight: 300;
        line-height: 1.21;
        color: #c26d36;
        font-size: 20px;
        font-size: 7.5vw;
        width: 75%;
    }
    .linen.equipment-list li {
        margin-left: 3vw;
        font-size: 5vw;
        padding: 1vw 0 1vw 0;
    }
    /* facility section */
    .section.group.facility-desktop {
        margin-bottom: 12vw;
    }
    /* equipment list section */
    .section.group.services.linen.equipment-list {
        margin-bottom: 12vw;
    }
    .section.group.bug {
        padding: 30% 3.2% 30% 3.2%;
    }


    /* hero section */
    .heading h1 {
        font-size: 14vw;
        line-height: 1;
        letter-spacing: -1.5px;
        color: #ffffff;
        font-family: 'ProximaNova-Black';
        -webkit-font-smoothing: antialiased;
        text-align: left;
        background-color: #598bc7;
        padding: 7vw;
        margin: -6vw -4vw -12vw -4vw;
    }
    h2 {
        font-family: "ProximaNova-Semibold";
        font-size: 14vw;
        line-height: 1;
        letter-spacing: -1.5px;
        color: #4f86c6;
    }
    pre {
        font-size: 5.5vw;
        font-family: 'ProximaNova-Regular';
        -webkit-font-smoothing: antialiased;
        line-height: 2;
    }
    .bug-white {
        text-align: left;
    }
    .project-list {
        margin-bottom: 15vw;
        font-family: 'ProximaNova-Regular';
        font-size: 5.5vw;
        color: #4f86c6;
    }
}
/****************************************************************** desktop ******************************************************************/

@media (min-width: 768px) {

    .heading h3 {
        margin-top: 0;
    }
    .hero img {
        width: 100%;
    }
    /* heading */
    .hero-mobile {
        display: none;
    }
    .hero-image {
        margin-right: 1vw;
    }
    .heading-wrapper {
        margin: -29vw 0 0 0;
        background-color: #598bc7;
        position: relative
    }
    .heading-list: {
        display: none;
    }
    .heading-list {
      display:none;
    }
    .hero.heroImage {
        margin: 0;
    }
    /* heading-line */
    .fac-img.fac-1 {
        margin: 0;
    }
    .fac-group.group {
        margin: 0 0 0vw 1.5vw;
    }
    .fac-1 img {
        margin: 0 0 .7vw 1.5vw;
    }
    .heading {
        color: #ffffff;
        line-height: 2.22;
        letter-spacing: 0.3px;
        margin: 0;
        background-color: #598bc7;
        font-size: 5.3vw;
        position: static;
        left: auto;
        font-family: 'ProximaNova-Black';
        z-index: 0;
    }
    .heading-wrapper h1{
          margin: 1.5vw 0 0 3.5vw;
    }
    /* facility section */
    .section.group.facility-desktop {
        margin-bottom: 6vw;
    }
    /* equipment list */
    .linen.equipment-list pre {
        font-size: 1.1vw;
        font-family: ProximaNova-Regular;
        -webkit-font-smoothing: antialiased;
        line-height: 2;
    }
    /* bug */
    .bug-blue {
        margin: 1.5vw 0 .5vw 1vw !important;
    }
    .badge {
        background-color: #598bc7;
        margin: 0;
        display: flex;
        align-items: center;
    }
    .bug-white {
        margin-left: 1.5vw!important;
    }
    .heading-wrapper .heading-bug {
          margin: 0 0 0 3.5vw;
    }
    /* project-list */
    .section.philosophy.project-list {
        margin: 0 0 6vw 0;
    }
    .project-list {
        font-family: 'ProximaNova-Regular';
        font-size: 1.5vw;
        color: #598bc7;
        line-height: 1.5;
    }
    .project-copy {
        font-size: 16px;
        color: #295680;
    }
}


/************************************************************* huge desktop ************************************************************/

@media (min-width: 1201px) {



    .section.group.contact-popup {
        margin-top: 0;
        position: relative;
    }

    .heading-wrapper {
        position: absolute;
        margin: 0;
        right: 0;
        top: 700px;
    }
    .heading-wrapper .heading-bug {
        width: 387.453px;
    }
    .col.span_12_of_12.poi-group.badge {
        margin-bottom: 10px;
    }

    .heading-wrapper .push {
        margin: 6.90625px 0 6.90625px 11.0625px;
    }
    .heading-list {
        max-height: 24px;
    }
    .service-img {
        margin: 0 0 15.18px 20.7px !important;
    }
    h1 {
        font-size: 45.56px;
        margin: 18px 0 18px 0;
    }
    .phonenumber {
        font-size: 30px;
        margin-top: 36px;
    }
    .contactus {
        margin: 36px 0 0 35px;
    }
    .bodycopy {
        margin: 0 0 0 0;
    }
    h2 {
        font-size: 39.6px;
    }

    .bug-text {
        font-size: 18px;
        margin: 6px 0 0 18px;
    }
    .equipment-list li {
        font-size: 15.6px;
    }
    .project-copy {
        font-size: 16px;
    }
    .heading-line .line {
        margin-top: 72px;
    }
    .section.philosophy.project-list {
        margin-bottom: 72px;
    }
    .linecontainer {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .linecontainer .line {
        width: 53%;
        background-color:#598bc7;
        margin-top: 72px;
    }
    .section.group.facility-desktop {
        margin-bottom: 72px;
    }
    .facility-desktop img {
        margin: 0 0 8.4px 18px;
    }
}