@charset "utf-8";
/* CSS Document */


/* ======================================================================================================
					 MEDIA QUERIES
=======================================================================================================*/


@media only screen and (max-width: 600px) {
    body {
        padding-left: 10px;
        padding-right: 10px;
    }

    header, nav, .container, footer, .container_12, .grid_15 {
        width: 100%;
    }

        header .container_12 .logo .grid_15 {
            width: 65%;
        }

        header .container_12 .box1 .grid_14 {
            width: 20%;
        }

        header .container_12 .box2 .grid_13 {
            width: 5%;
        }

        header .container_12 .grid_13 img {
            margin: 6px 0 11px 4px;
        }

        header .container_12 .grid_13 p {
            margin-top: -10px;
        }

        header .container_12 .grid_14 h1 {
            font-size: 13px;
        }

        header .container_12 .grid_14 p {
            font-size: 9px;
        }
}




@media only screen and (max-width: 900px) {
    body {
        padding-left: 10px;
        padding-right: 10px;
    }

    header, nav, .container, footer {
        width: 100%;
    }

    .logo {
        width: 98%;
    }

    .menu_tudoV2 {
        width: 100%;
        margin: 0 auto;
    }
}



@media only screen and (max-width: 317px) {
    body {
        padding-left: 10px;
        padding-right: 10px;
    }

    header, nav, .container, footer, .logo {
        width: 100%;
    }
}





@media only screen and (max-width: 767px) {
    body {
        padding-left: 10px;
        padding-right: 10px;
    }

    header, nav, .container, footer, .container_12, .grid_15 {
        width: 100%;
    }

        header .container_12 .logo .grid_15 {
            width: 65%;
        }

        header .container_12 .box1 .grid_14 {
            width: 20%;
        }

        header .container_12 .box2 .grid_13 {
            width: 5%;
        }

        header .container_12 .grid_13 img {
            margin: 6px 0 11px 4px;
        }

        header .container_12 .grid_13 p {
            margin-top: -10px;
        }

        header .container_12 .grid_14 h1 {
            font-size: 13px;
        }

        header .container_12 .grid_14 p {
            font-size: 9px;
        }
}


@media only screen and (max-width: 480px) {
    body {
        padding-left: 10px;
        padding-right: 10px;
    }

    header, nav, .container, footer {
        width: 100%;
    }

        header .container_12 .grid_15 img {
            width: 100%;
        }
}


@media only screen and (max-device-width: 480px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
    }

    header, nav, .container, footer, .logo {
        width: 100%;
    }
}