@charset "UTF-8";

*{margin: 0;padding: 0;}

/*LOGOTIPO*/
@media all and (max-width: 480px){
    #header img{
        height: 14vh;
    }
}
/*FIM LOGOTIPO*/

/*HEADER MENU*/
@media all and (max-width : 1299px){

    #menu {
        position: static;
        display: none;
    }
    ul#menu li:hover a {
        background: rgb(182, 182, 182);
    }

    li {
        margin-bottom: 1px;
    }

    ul li, li a {
        width: 99.5%;
    }

    .show-menu {
        display:block;
    }
    .show-menu:hover{
        cursor: pointer;
    }
	#conteudo .imgFundoContato{
		position:relative;
		max-width:auto;
		display:block;
		margin: 0 auto;
	}
	
	#menu{
		position:relative;
	}
	
	ul#menu{
		margin-left:0;
	}
	
	ul#menu li{
		display: block;
		margin-bottom: 0;
		margin-right:0;
		width:100%;
	}
	
	ul#menu li a{
		float:none;
		display:block;
		margin-left:0;
	}

	#conf_menu{
		height:auto;
	}
	
	#conteudo p.contactos{
		display:block;
		padding-left:0;
		padding-right:0;
		width:100%;
		left:0;
	}
}

/*FIM MENU*/
@media all and (max-width: 500px){
    .quemSomos,.clientes,.design,.digital{
        font-size: 3.7vw;
        text-align: center;
        position: inherit;
        margin-bottom: 2vh;
        margin-left: 1vw;
    }
    #conteudo img.imgFundoClientes{
        width: 80%;
    }
}
@media all and (min-width: 501px) and (max-width: 770px){
    .quemSomos,.clientes,.design,.digital{
        font-size: 2.7vw;
        text-align: center;
        position: relative;
        margin-top: -6vh;
        margin-bottom: 2vh;
        margin-left: -3vh;
    }
    #conteudo img.imgFundoClientes{
        width: 80%;
    }
}
@media all and (min-width: 771px) and (max-width: 900px){
    .imgFundo,.imgFundoClientes{
        position: absolute;
    }
    .quemSomos,.clientes,.digital{
        clear:both;
        font-size:1.7vw;
        position: relative;
        margin-top: 3vh;
        margin-bottom: 5vh;
    }
    .design{
        clear:both;
        font-size:1.7vw;
        position: relative;
        left: 3%;
        margin-top: -16vh;
        margin-bottom: 5vh;
    }
}
@media all and (min-width: 900px) and (max-width: 1279px){
    .imgFundo,.imgFundoClientes{
        position: absolute;
    }
    .quemSomos,.clientes,.digital{
        clear:both;
        font-size:1.7vw;
        position: relative;
        margin-top: 3vh;
        margin-bottom: 5vh;
    }
    .design{
        clear:both;
        font-size:1.7vw;
        position: relative;
        left: 2%;
        margin-top: -17vh;
        margin-bottom: 5vh;
    }
}
@media all and (min-width: 1280px){
    .imgFundo,.imgFundoClientes{
        position: absolute;
    }
    .quemSomos,.clientes,.digital{
        clear:both;
        font-size:1.5vw;
        position: relative;
        margin-top: 3vh;
        margin-bottom: 9vh;
    }
    .clientes{
        margin-bottom: 14vh;
    }
    .design{
        clear:both;
        font-size:1.5vw;
        position: relative;
        left: 5%;
        margin-top: -21vh;
        margin-bottom: 5vh;
    }
}
/*RODAPÉ*/
@media screen and (max-width : 1000px){
    footer#rodape .sociais{
        margin-top: 30px;
    }
}
/*FIM RODAPÉ*/