@media screen and (max-width: 1199px) {
    section.funnel {
        background-image: url(../images/section-4-bg-2.jpg);
    }
}





@media screen and (max-width: 960px){
    
    header {
        height: 150px;
        padding-top: 6.5em;
    }
    
    header .logo-container img {
        width: 120px;
        position: absolute;
        top: 0px;
        left: 50%;
        transform: translateX(-50%);
    }

    header nav {
        text-align: center;
        margin-right: 0;
        margin: 0 20px;
    }
    
    
    

    section.why > .row .col {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    
    
    
    
    
    section.work .col {
        float: none;
    }

    section.work .row {
        padding: 0 0;
        text-align: center;
    }


    section.work .col:nth-child(1),
    section.work .col:nth-child(3),
    section.work .col:nth-child(5){
        width: 80%; 
        margin: auto;
    }

    section.work .col:nth-child(2),
    section.work .col:nth-child(4),
    section.work .col:nth-child(6){
        width: 80%;
        margin: auto;
    }

    section.work .col:last-child {
        padding: 0;
    }
    
    
    
    
    
    
    
    
    
    
    .cone-container .row:first-child p:nth-child(3) {
        padding: 0 30px;
    }

    .cone-container .row:nth-child(2) p:nth-child(2) {
        padding: 0 30px;
    }

    .cone-container .row:nth-child(3) p:nth-child(2) {
        padding: 0 30px;
    }
    
    
    
    
/*  sample page  */
    
    section.logo-grid {
        border-bottom: none;
        max-width: 96%;
    }
    
    
    section.logo-grid .row {
        height: 500px;
        border-bottom: none;
    }
    
    
    section.logo-grid .row .col {
        width: 50%;
        border-bottom: 1px solid #cecece;
    }
    
    section.logo-grid .row .col {
        width: 50%;
    }
    
    section.logo-grid .row .col:nth-child(2) {
        border-right: none;
    }
    
    
/*  what-we-do page  */
    
    section.audience,
    section.types {
        padding: 40px 20px;
    }

    section.audience .col,
    section.types .col{
        padding: 0 20px;
    }
    
    
    
}







@media screen and (max-width: 600px){
    header {
        padding-top: 6em;
    }
    header nav li a {
        font-size: 18px;
    }
    
    
    
    
    section.specialist,
    section.why,
    section.work,
    section.funnel,
    section.gaurantee {
        min-height: auto;
        padding: 30px 30px;
    }

    section.specialist h1 {
        font-size: 36px;
        margin-bottom: 20px;
    }

    section.specialist > .row > p {
        font-size: 18px;
        max-width: 600px;
        line-height: 1.4;
        margin-bottom: 30px;
    }

    section.specialist .row .row {
        max-width: auto;
    }

    section.specialist .row .col {
        width: 90%;
        float: none;
        border-bottom: 1px solid #f5a81e;
        padding: 10px 0 10px 5px;
        margin-bottom: 10px;
    }
    
    
    
    
    
    
    
    
    section.why > .row .row .col:first-child {
        padding: 0 15px;
        width: 100%;
        float: none;
    }

    section.why > .row .row .col:last-child {
        padding: 0 15px;
        width: 100%;
        float: none;
    }
    
    section.why > .row .row p {
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    
    
    
    
    
    section.funnel > .row > .col:first-child p {
        width: 100%;
    }
    
    section.funnel > .row .col {
        width: 100%;
        float: none;
    }
    
    section.funnel > .row .col:first-child {
        margin-bottom: 30px;
    }
    
    .cone-container h3 {
        margin-top: 0px;
    }
    
    .cone-container .row:nth-child(3) p:nth-child(2):after {
        display: none;
    }
    
    section.associates {
        padding: 60px 10px;
    }
    
    section.guarantee {
        padding: 70px 20px;
    }
    .cone-container {
        padding-left: 0%;
    }
    .cone-container h3:after {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    
    
    
    
    
    
    
    
    /*  what-we-do page  */

    section.audience .col,
    section.types .col{
        padding: 0 0px;
        width: 100%;
        float: none;
    }
    
    
    
    
    
    
    
    main {
        padding-bottom:250px;   /* Height of the footer */
    }

    footer {
        height:250px;   /* Height of the footer */
    }
    
    
}






@media screen and (max-width: 420px) {
    
    section.banner h1 {
    font-size: 24px;
    }
    
    section.logo-grid .row {
        height: 360px;
    }
    
    
    section.logo-grid .row .col {
        height: 180px;
        box-sizing: border-box;
        padding: 10px;
    }
    
    section.logo-grid .row .col  img {
        max-width: 140px; 
    }
    
    
    
    /*----------------------------------
    WHAT WE DO PAGE
    ----------------------------------*/

    section.what-we {
        height: 240px;
        padding: 40px 0px;
        text-align: center;
        background-size: 600px;
    }

    section.what-we h1 {
        font-size: 32px;
    }
    
    section.audience h2,
    section.types h2{
        font-size: 26px;
        text-align: left;
    }
}


@media screen and (max-width: 360px) {
    section.logo-grid {
        border: none;
        max-width: 94%;
    }
    
    section.logo-grid .row {
        height: 800px;
    }
    
    
    section.logo-grid .row .col {
        height: 200px;
        width: 100%;
        float: none;
        border-top: 1px solid #cecece;
        border-left: 1px solid #cecece;
        border-right: 1px solid #cecece !important;
        border-bottom: none;
    }
    
    section.logo-grid .row:last-child .col:last-child {
        border-bottom: 1px solid #cecece;
    }
    
    section.logo-grid .row .col  img {
        max-width: 100%; 
    }
    
}