/* big tablets to 1200px widths smaller that the 1140 row */

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

    .motivational-text {
        width: 100%;
        padding: 0 2%;
    }

    .row {
        padding: 0 2%;
    }

    .grid {
        padding: 0;
    }

}

/* small tablet to big tablet 768-1023px*/
@media only screen and (max-width: 1023px) {

    body {font-size: 18px; }
    section {padding: 60px 0; }

    .row, .motivational-text {
        padding: 0 4% ;
        z-index: 6000;
    }

    .grid {
        padding: 0;
    }
	
	

    .container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .cont1 {
        min-width: 100%;
    }

    .row-flex-col, row-flex-col-foot {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }



    .section-price-list p {
        font-size: 80%;
    }

    .grid {
        width: 70%;
    }


    .long-copy, .long-copy-tool {
        width: 80%;
        margin-left: 10%;
    }

    .main-nav {
        display: none;
    }

    .mobile-icon {
        display: inline-block;
        position: absolute;
        z-index: 9000;
        right: 20px;
        top: 30px;
        margin-top: 10px;
        /*margin-right: 2%;*/
        color: white;
        font-size: 40px;
        cursor: pointer;

    }



    .active {
        /*display: block;*/
        position: absolute;
        float: right;
        margin-top: 100px;
        right: 20px;
        padding: 10px;
        background: #333;
        border-radius: 30px;
        transition: left 1s;
        z-index: 9999;
    }

    .active li {
        display: block;
        margin-left: 10px;
        padding-bottom: 10px;

    }

    .active li a:link,
    .active li a:visited {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 90%;
    }

    .active li a:active {
        border-bottom: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

}


/*small phones to small tablets 481-767px*/
@media only screen and (max-width: 767px) {




    h1 {font-size: 180%;}
    h2 {font-size: 150%; }


    .footer-adj {
        margin: 10px 0;
        width: 60%;
    }

    .col-footer:nth-child(1) {
        text-align: left;
    }
    .col-footer:nth-child(2) {
        text-align: right;
    }




    .adr {
        text-align: center;
    }

    .h3-footer {
        text-align: center;
    }

    .grid {
        border-radius: 0px;
    }
    .col-price {
        padding: 1% 2%;
    }

    .footer-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }




}


/*small phone 0-480px*/
@media only screen and (max-width: 480px) {

    .active li {
        padding-bottom: 5px;

    }

    .active li a:link,
    .active li a:visited {
        font-size: 70%;
    }


    .logo {
        display: none;
    }

    .logo-small {
        display: block;
        width: auto;
        float: left;
        margin-top: 40px;
    }


    .about-background {
        padding: 30px 0;
    }

    .section-price-list {
        padding: 30px 0;
    }

    .section-aboutUs p {
        font-size: 60%;
    }

    .icon-flex {
        text-align: center;
        font-size: 16px;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-pack: center;
        -webkit-align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: black;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 3px solid #B0D236;
        border-radius: 50%;
        height: 32px;
        width: 32px;
    }

    .section-price-list p {
        font-size: 60%;
    }

    .grid {
        border: 1px solid #B0D236;
        width: 90%;
        border-radius: 0;
        padding: 0;

    }

    .col-footer:nth-child(1) {
        text-align: left;
    }
    .col-footer:nth-child(2) {
        text-align: right;
    }

    .footer-container {
        width: 70%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
    }

    .footer-adj {
        width: 100%;
    }



    .col-footer {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    }

    .container {
        width: 100%;
        padding: 0;
        margin: 10px 0;
    }
    .cont1 {
        width: 100%;
        padding: 0;
    }


    .row-flex {
        width: 100%;
    }


    h1 {font-size: 140%;}
    h2 {font-size: 110%;}

}