@CHARSET "UTF-8";
body, html{
	height: 100vh;
	overflow-x: hidden;
}

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: sans-serif;
}

#area_lenguage{
	padding: 5px 13px 0px 5px;
	width: 100%;
	height: 25px;
	background-color: ;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

#area_lenguage img{
	padding: 0px 6px;
}

a{
	text-decoration: none;
	color: white;
	font-weight: bold;
}

div#slogan button{
	width: 100%;
	height: 40px;
	border: none;
	margin-top: 30px;
	border-radius: 20px;
	font-size: 18px;
	color: white;
	background-color: #FFD800;
	font-weight: bold;
	
}

.container_cards{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.cards{
	width: 230px;
	height: 400px;

	background-color: white;
	margin: 10px;
	border-radius: 6px;
	box-shadow: 0px 0px 4px 1px #90e2ff;
}

.cards p{
	font-size: 14px;
	padding-right: 8px;
}

.cards h1{
	font-size: 20px;

}

.card_image{
	width: 100%;
	height: 190px;
	background-color: orange;
	
	
}

.service1{
	background-image: url("../img/cleaningcarpet.jpg");
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-size: cover;
}

.service2{
	background-image: url("../img/housecleaning.jpg");
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-size: cover;
}

.service3{
	background-image: url("../img/windows.jpg");
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-size: cover;
}

.service4{
	background-image: url("../img/bathrooms.jpg");
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-size: cover;
}

.container_cards .cards h1{


}



/* GALERIA DE FOTOS, SOME OF OUR WORKS ============================================================== */
.work1,.work2,.work3,.work4,.work5,.work6,.work7,.work8,.work9,.work10,.work11,.work12{
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-size: cover;
}

.work1{
	background-image: url("../img/works/work1.jpeg");
}

.work2{
	background-image: url("../img/works/work2.jpeg");	
}

.work3{
	background-image: url("../img/works/work3.jpeg");
}

.work4{
	background-image: url("../img/works/work4.jpeg");
}

.work5{
	background-image: url("../img/works/work5.jpeg");
}

.work6{
	background-image: url("../img/works/work6.jpeg");
}

.work7{
	background-image: url("../img/works/work7.jpeg");
}

.work8{
	background-image: url("../img/works/work8.jpeg");
}

.work9{
	background-image: url("../img/works/work9.jpeg");
}

.work10{
	background-image: url("../img/works/work10.jpeg");
}

.work11{
	background-image: url("../img/works/work11.jpeg");
}

.work12{
	background-image: url("../img/works/work12.jpeg");
}
/* =================================================================================================== */

#scroll_gallery_container{
	width: 100%;
	height: auto;
	background-color: ;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow: scroll;
	margin-top: 40px;
}

.cards_scroll_gallery{
	min-width: 320px;
	height: 400px;
	background-color: purple;
	margin: 3px;
}


#contacto{
	width: 100%;
	height: 280px;
	background-color: ;
	display: flex;
	background-image: url("../img/background7.jpg");
	background-color: ;
	background-position: center;
	background-size: cover;
}

.cards_contacto{
	width: 100%;
	height: auto;
	margin: 2px;
	background-color: ;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cards_contacto p{
	
	
	color: white;
	text-shadow: black 1px 1px 10px;
}

.cards_contacto table tr{
	background-color: ;
	color: white;
	text-shadow: black 1px 1px 10px;
}



/* RODAPÉ ============================================================================= */
footer{
	width: 100%;
	height: 500px;
	background-color: #061c33;
	/* background-image: url("../img/background_bubble.png");
	background-size: cover;
	background-position-x: center;
	background-position-y: -150px; */
	display: flex;
	justify-content: center;
	align-items: center;

}

#container_footer{
	width: 100%;
	height: 400px;
	background-color: ;
	display: flex;
	justify-content: center;
}

.cards_footer{
	margin: 2px;
	width: 400px;
	height: auto;
	padding: 14px;
	background-color: ;
}

.cards_footer ul li a:hover{
	color: #ffd800;
}

.cards_footer h1{
	font-size: 18px;
	color: #ffd900;
}

.formatacao_cards_footer{
	padding: 60px;
}

.cards_footer ul li{
	list-style: none;
	padding: 2px 0px;
	background-color: ;
	margin: 10px 0px;
}
/* ==================================================================================== */