@media screen and (min-width: 480px) and (max-width: 768px) {
    @import url('https://fonts.googleapis.com/css?family=Oswald');
    @import url('https://fonts.googleapis.com/css?family=Roboto');
    *{
        margin: 0;
        padding: 0;
        font-family: 'Roboto', sans-serif;
    }
    h2{
        font-size: 20px;
        color: #000;
    }
    p{
        font-size: 15px;
        margin-bottom: 20px;
        color: #545454;
        line-height: 23px;
    }
    a{
        text-decoration: none;
        font-size: 15px;
        color: #545454;
    }
    .titulo{
        font-size: 27px;
        margin: 0;
        line-height: 45px;
        text-transform: uppercase;
        font-weight: 300;
        font-family: 'Oswald', sans-serif;
    }
    .titulo-borda{
        width: 70px;
        height: 5px;
        background-color: #ffb400;
        margin: 30px 0 50px 0;
    }
    .menu{
        width: 100%;
        height: auto;
        background: #000;
        color: #fff;
    }
    .menu .logo{
        width: 30%;
        margin: auto;
    }
    .menu .logo img{
        width: 100%;
    }
    .menu #cssmenu{
        width: 100%;
    /*    margin-left: 10%;*/
    }
    .menu #cssmenu ul{
        width: 100%;
        margin: auto;
        list-style: none;
        margin: 0;
        padding-left: 2%;
    }
    .menu #cssmenu > ul > li{
        width: 100%;
    }
    .menu #cssmenu ul li a{
        text-decoration: none;
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        padding: 5px 0;
        margin-left: 5px;
        border-bottom: 1px solid #333333;
        display: block;
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
    }
    .menu #cssmenu ul li a:hover{
        color: #ffb400;
    }
	.container.home{
		width: 100%!important;
	}
    .container{
        width: 100%;
        height: auto;
        float: right;
        overflow: hidden;
    /*    background: #000;*/
    }
    .container .fotoCarlinhos{
        width: 100%;
        position: absolute;
        overflow: hidden;

    }
    .container .fotoCarlinhos img{
/*        position: fixed;*/
        min-width: 85%;
        min-height: 100%;
    /*    max-width: none;*/
        width: 100%;
    }
    .container .fotoCarlinhos .nome{
        position: absolute;
/*        margin-top: 80%;*/
        margin-left: 5%;
        z-index: 10;
        bottom: 10px;
    }
    .container .fotoCarlinhos .nome h2{
        text-shadow: 2px 2px 2px #333;
        color: #fff;
        line-height: 50px;
        font-size: 45px;
        margin-bottom: 35px;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
    }
    .container .fotoCarlinhos .nome h2 span{
        font-weight: 100;
        font-family: 'Oswald', sans-serif;
    }
    .container .fotoCarlinhos .nome > span{
        border-bottom: 1px solid #7a7a7a;
        border-top: 1px solid #7a7a7a;
        color: #aeaeae;
        padding: 15px 0;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 13px;
    }
    .conteudo{
        width: 100%;
        height: auto;
        padding: 70px 70px 0 70px;
        box-sizing: border-box;
    }
    .conteudo img{
        width: 100%!important;
/*        margin-right: 10px;*/
        margin-bottom: 10px;
    }
    .conteudo.carlinhos{
        width: 100%;
        float: left;
    }
    .conteudo.carlinhos span{
        padding: 5px 15px; 
    /*    background: #ffb400; */
        border: 2px solid #ffb400;
        display: inline-block; 
        margin-bottom: 30px;
        cursor: pointer;
    }
    .conteudo.carlinhos span:hover{
        background: #ffb400; 
        color: #fff;
    }
    .conteudo.carlinhos img{
        width: 350px;
        float: left;
    }
    .carlinhos_lateral{
        width: 28%; 
        float: right; 
        position: fixed; 
        right: 0;
        display: none;
    }
    .lateral{
        width: 30%;
        height: auto;
    /*    position: fixed;*/
    /*    z-index: 1000;*/
        float: right;
    }
    .produtos{
        width: 100%;
        height: auto;
        display: table;
    }
    .produtos .i-produtos{
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: 50px;
    }
    .produtos .i-produtos h3{
        text-transform: uppercase;
        margin: 10px 0;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
    }
    .produtos .sapatos{
        width: 100%;
        height: auto;
        display: table;
    }
    .produtos .sapatos .i-sapatos{
        width: 25%;
        margin-bottom: 30px;
        float: left;
    }
    .produtos .sapatos h3{
        text-transform: uppercase;
        margin: 10px 0;
        padding-bottom: 15px;
        border-bottom: 1px solid #dfdfdf;
        margin-bottom: 50px;
        font-family: 'Oswald', sans-serif;
        font-weight: bold;
    }
}