@CHARSET "UTF-8";

#logo_area{
	width: 100%;
	height: auto;
	background-color: ;		
}

#close_menu{
	width: 100%;
	height: 80px;
	background-color: ;
	display: flex;
	padding: 0px 20px;
	align-items: center;
	justify-content: flex-end;
}

@media screen and (max-width: 661px){
	#artigo_teste .container{
		width: 90%;
	}
}

@media screen and (max-width: 615px){
	#artigo_teste .container{
		width: 90%;
	}
}

@media screen and (max-width: 425px){
	#artigo_teste .container{
		width: 100%;
	}
}

@media screen and (max-width: 817px){
	header{
		height: 900px;
	}

	#menu_mobile{
		background-color: ;
		height: auto;
	}

	header #header_img #menu_desktop #logo_desktop{
		visibility: hidden;
	}

	#menu_mobile_opened{
		width: 100%;
		height: 100%;
		position: absolute;
		display: ;
		text-align: center;
		background: linear-gradient(#0195ff, #74dbff);
	}
	#menu_mobile_opened ul{
		margin: 50px;
	}

	#menu_mobile_opened ul li{
		list-style: none;
		padding: 20px 10px 10px 10px;
		font-size: 22px;
	}

	#slogan h1{
		font-size: 47px;
	}

	#slogan p{
		font-size: 17px;
	}

	#artigo_teste .container{
		flex-wrap: wrap;
		background-color: ;
	}

	.formatacao_descricao{
		justify-content: flex-start;
		align-items: flex-start;
	}

	#artigo_teste img{
		width: 100%;
		height: 300px;
	}

	#posicao1{
		order: 2;
	}

	#posicao2{
		order: 1;
	}

	#posicao3{
		order: 2;
	}

	#posicao4{
		order: 1;
	}

	#artigo_teste{
		/*
		background-image: url("../img/shape_mobile3.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		*/

	}

	#article2{

		width: 100%;
		background-image: url("../img/shape_mobile_about_us.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	#article3{
		background-color: ;

	}



	#container_whychooseus{
		background-color: ;
	}

	#whychooseus_img{
		background-image: url("../img/whychooseusmobile.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	#whychooseus_img img{
		visibility: hidden;
	}

	#article3 #container_whychooseus .cards_whychooseus{
		margin-top: 60px;
		background-color: ;
	}

	.container_aboutus{
		background-color: ;
		width: 100%;
		height: 400px;
		margin: 0px;
		padding: 0px;
	}

	.cards_contacto p{
		
		font-weight: bold;
		
	}


	footer{
		margin-top: 60px;
		width: 100%;
		height: 800px;
		justify-content: flex-start;
		align-items: flex-start;
	}

	footer #container_footer{
		background-color: ;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.cards_footer{

		background-color: ;
	}

	.formatacao_cards_footer{
		padding: 13px;
	}


}

@media screen and (max-width: 667px){
	header{
		height: 960px;
	}
}

@media screen and (max-width: 667px){
	#contacto{
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 876px){
	#container_footer{
		flex-wrap: wrap;
		height: auto;
	}

	.cards_footer{
		border-bottom: 4px solid rgba(255, 255, 255, 0.4);
		border-bottom-width: 1px;

	}

	footer{
		height: auto;
	}

	footer #container_footer{
		text-align: ;
	}


	.img_socia_medias_footer{
		
		height: 30px;
	}

	#artigo_teste{
		padding: 0px;
	}

	#artigo_teste .container .cards_teste img{
		border-radius: 0px;
	}

	/*
	#artigo_teste .container{
		background-color: ; 
		width: 100%;
	}
	*/

	#artigo_teste{
		margin: 0px;
		padding: 20px 0px;
	}
}

@media screen and (max-width: 578px){
	#artigo_teste .container{
		background-color: ; 
		width: 100%;
	}
}


@media screen and (max-width: 407px){
	#container_galery{
		background-color: red;
		flex-direction: column;
	}
	.cards_galery{
		width: 300px
		

	}
}