* {
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    font-family: Exo 2;
    box-sizing: border-box;
    font-size: 22px;
    margin: 0;
    padding: 0;
  }

  body {
    overflow-x: hidden;
  }

  @media screen and (max-width: 390px) {
    body {
        height: 100vh;
        overflow-x: hidden;
    }
  }

  /* Banner + Form Start */
  #banner {
    background-image: url(./IMG_20180801_092759.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 990px;
    width: 100%;
    }

    .bold-title{
        font-size: 4em;
        font-weight: bolder;
        color: white;
        max-width: 1075px;
    }

    .bold-2{
        font-size: 1.5em;
        text-align: left;
        color: white;
        margin: 5px;
    }

    .hook {
        color: white;
        max-width: 600px;
        margin: 15px 5px 5px 5px;
    }

    #form-background {
        background-color: ghostwhite;
        opacity: .9;
        float: middle;
        border-radius: 20px;
        width: 640px;
        padding: 20px;
        margin: 50px;
    }

    .infoform {
        padding: 20px;
    }

    .info form {
        padding: 2.5em;
    }

    .info input {
        background-color: transparent;
        border-radius: 20px;
        line-height: 20px;
        justify-items: center;
    }

    .info textarea{
        border-radius: 15px;
    }

    .info .form_button {
        border-radius: 15px;
        padding: 10px;
        color: white;
        width: 415px;
        background-color: rgb(255, 69, 0);
    }

    .info .form_button:hover {
        color: ghostwhite;
        cursor: pointer;
        background-color: silver;
        transition: all .9s ease-in;
    }

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

        .infoform {
            padding: 10px;
        }

        #form-background {
            background-color: ghostwhite;
            opacity: .9;
            float: left;
            width: 550px;
            padding: 5px;
            margin: 15px;
        }

        .info form {
            padding: 20px;
        }
    }

    @media screen and (max-width: 605px) {
        #form-background {
            background-color: ghostwhite;
            opacity: .9;
            float: left;
            width: 550px;
            padding: 10px;
            margin: 15px;
        }
    }

    @media screen and (max-width: 575px) {
        .bold-title{
            font-size: 2em;
        }

        #form-background {
            width: 470px;
            padding: 5px;
            margin: 15px;
        }
    }

    @media screen and (max-width: 390px) {
        #banner {
            background-image: url(./IMG_20180801_092759.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            height: 1200px;
            width: 100%;
        }

        #form-background {
            background-color: ghostwhite;
            opacity: .9;
            float: left;
            width: 380px;
            padding: 10px;
            margin: 15px;
        }

        .info .form_button {
            border-radius: 5px;
            padding: 10px;
            color: white;
            width: 240px;
            background-color: orangered;
        }

        .bold-title{
            font-size: 2.2em;
            font-weight: bolder;
            color: white;
            min-width: 305px;
        }
    
        .bold-2{
            font-size: 1.5em;
            text-align: left;
            color: white;
            margin: 5px;
            min-width: 250px;
        }
    
        .hook {
            color: white;
            min-width: 350px;
            margin: 15px 5px 5px 5px;
        }

        .infoform {
            padding: 1px;
        }
    }

    @media screen and (max-width: 420px) {
        #banner {
            background-image: url(./IMG_20180801_092759.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            height: 1200px;
            width: 100%;
        }

        #form-background {
            background-color: ghostwhite;
            opacity: .9;
            float: left;
            width: 350px;
            padding: 10px;
            margin: 15px;
        }

        .info .form_button {
            border-radius: 5px;
            padding: 10px;
            color: white;
            width: 240px;
            background-color: orangered;
        }

        .info textarea {
            width: 250px;
        }

        .bold-title{
            font-size: 2.2em;
            font-weight: bolder;
            color: white;
            min-width: 305px;
        }
    
        .bold-2{
            font-size: 1.5em;
            text-align: left;
            color: white;
            margin: 5px;
            min-width: 250px;
        }
    
        .hook {
            color: white;
            min-width: 350px;
            margin: 15px 5px 5px 5px;
        }

        .infoform {
            padding: 1px;
        }
    }
    /* Banner + Form End */

    /* Intro Content Start */
    #intro img{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #intro {
        margin: 5em 15em;
    }


    #pics-col-1{
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #why-merrow{
        font-size: 24px;
    }

    #why-col{
        columns: 2;
        margin: 0 5em 5em 5em;
    }

    #why-col h2 {
        text-align: center;
    }

    #why-col h3{
        text-align: center;
        padding-top: 30px;
        padding-bottom: 5px;
    }

    @media screen and (max-width: 1030px) {
        #why-col{
            columns: 1;
            margin: 0 25px 25px 25px;
        }
    }

    @media screen and (max-width: 950px) {
        #intro img{
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 750px;
        }   
    }

    @media screen and (max-width: 750px) {
        #intro img{
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 450px;
        }   
    }

    @media screen and (max-width: 390px) {
        #intro img{
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 350px;
        }    
        
        #intro {
            margin: 10px 15px;
        }

        #why-col{
            columns: 1;
            margin: 0 5px 5px 5px;
            width: 250px;
            justify-content: center;
        }
    }

    @media screen and (max-width: 420px) {
        #intro img{
            display: block;
            margin-left: auto;
            margin-right: auto;
            max-width: 350px;
        }

        #why-col{
            columns: 1;
            margin: 0 5px 5px 5px;
        }
    }

    @media screen and (max-width: 1485px) {
        #intro {
            margin: 15px 20px;
        }
    }

    /* Intro Content End */

    /* Why Merrow + Pics Start */

    h2 {
        font-size: 18px;
        text-align: center;
    }


    #pics-col-2{
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }


    #service-col {
        columns: 2;
        margin: 0 5em 5em 5em;
    }

    #service-col img {
        display: block;
        height: 50px;
        width: 50px;
        padding: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    #service-col .box{
        padding-bottom: 25px;
        justify-content: space-evenly;
        height: 200px;
    }

    @media screen and (max-width: 1805px ) {
        #service-col {
            columns: 2;
            margin: 0 25px 25px 25px;
            text-align: center;
        }

        #service-col .box{
            height: 250px;
        }
    }

    @media screen and (max-width: 1315px) {
        #service-col {
            columns: 1;
            margin: 0 25px 25px 25px;
            text-align: center;
        }

        #service-col .box{
            height: 180px;
        }
    }

    @media screen and (max-width: 1031px) {
        #service-col .box{
            height: 250px;
        }
    }

    @media screen and (max-width: 618px) {
        #service-col .box{
            height: 300px;
        }
    }

    @media screen and (max-width: 517px) {
        #service-col .box{
            height: 380px;
        }
    }
    

    @media screen and (max-width: 420px) {
        #pics-col-1 img{
            max-width: 350px;
        }

        #service-col {
            columns: 1;
            margin: 0 5px 5px 5px;
            text-align: center;
        }
    }

    @media screen and (max-width: 390px) {
        #pics-col-1 img{
            max-width: 350px;
        }
    }

    /* Why Merrow + Pics End */

    /* Last Col Start */

    #pics-col-3{
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #last-col {
        columns: 2;
        margin: 5em;
    }

    #last-col ul {
        padding: 25px;
    }

    #city-title {
        text-align: center;
    }

    #cities {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    #cities-text {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

     #final_cta{
        padding: 5em;
        text-align: center;
     }

    .final_button {
        border-radius: 15px;
        padding: 10px;
        color: white;
        width: 280px;
        background-color: orangered;
    }

    .final_button:hover {
        color: ghostwhite;
        cursor: pointer;
        background-color: silver;
        transition: all .9s ease-in;
    }


    @media screen and (max-width: 1099px) {
        #cities {
            display: grid;
        }   
    }

    @media screen and (max-width: 1099px) {
        #cities-text {
            display: grid;
            padding: 20px;
            line-height: 40px;
        }
    }

    @media screen and (max-width: 1075px) {
        #last-col {
            columns: 1;
            margin: 30px 180px;
        }
    }

    @media screen and (max-width: 855px) {
        #last-col {
            columns: 1;
            margin: 30px 60px;
        }
    }

    @media screen and (max-width: 420px) {
        #cities {
            flex-direction: row;
            justify-content: space-evenly;
            align-items: center;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        #cities-text {
            display: grid;
            padding: 20px;
            line-height: 40px;
        }

        #pics-col-2 img{
            max-width: 350px;
        }

        #last-col {
            columns: 1;
            margin: 5px;
        }
    
        #last-col ul {
            padding: 25px;
        }

        #pics-col-3 img{
            max-width: 350px;
        }

        #final_cta{
            padding: 25px;
            text-align: center;
         }
    }
    /* Last Col End */