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

@media only screen and (min-width: 1620px) {
	
	.general-content .gc-1 h2 {
		margin: 40% 10% 0% 10%;
	}
	
	.general-content .gc-2 h2 {
		margin: 40% 10% 0% 10%;
	}
}

@media only screen and (min-width: 1500px) {
	
	.general-content .gc-1 h2 {
		margin: 40% 10% 0% 10%;
	}
	
	.general-content .gc-2 h2 {
		margin: 40% 10% 0% 10%;
	}
}

@media only screen and (max-width: 839px) {
	
	/* Aqui empieza la sección de introducción*/
	.main-content {
		width: 95%;
	}
	
	/* Aqui empieza la sección acerca de la empresa*/
	
	.general-content {
		justify-content: center;
	}
	
	.general-content .gc-1, .gc-2  {
		width: 47.5%;
		min-height: 280px;
	}
	
	.general-content .gc-1 h2 {
	margin: 36% 10% 0% 10%;
	}
	
	.general-content .gc-2 h2 {
	margin: 36% 10% 0% 10%;
	}
	
	/* Aqui empieza la sección de servicios*/
	
	.general-content-list .gcl-title p {
	width: 90%;
	}
	
	/* Aqui empieza el pie de pagina*/
	
	.footer-content .block-fc {
		min-width: 200px;
	}
	
	.footer-content .logo-fc{
	text-align: center;
	width: 100%;
	margin: 10px 0px 0px 0px;
	}
	
}

@media only screen and (max-width: 640px) {
	
	.menu-wrapper {
	justify-content: center;
	}
	
	.menu-nav {
	width: 80%;
	min-width: 300px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	}
	
	.menu-nav .menu-nav-btn {
	width: auto;
	font-size: 16px;
	padding: 20px 0px 20px 0px;
	margin: 0px 10px 0px 10px;
	}
	
	/* Aqui empieza la sección de introducción*/
	
	.main-content .mc-1 {
		width: 100%;
		height: auto;
		margin-bottom: 34px;
		text-align: center;
	}
	
	.main-content .mc-2 {
		width: 100%;
		min-height: 300px;
	}
	
	.main-content h1 {
		text-align: center;
		margin: 8% auto 1%;
	}
	
	.main-content p {
		text-align: center;
		margin: 4% auto 6%;
	}
	
	/* Aqui empieza la sección acerca de la empresa*/
	
	.general-content .gc-1, .gc-2 {
		width: 95%;
	}
	
	.general-content .gc-1 h2 {
	font-weight: bold;
	margin: 24% 10% 0% 10%;
	}
	
	.general-content .gc-2 h2 {
	font-weight: bold;
	margin: 24% 10% 0% 10%;
	}
	
	/* Aqui empieza la sección de servicios*/
	
	.general-content-list .gcl-services {
		width: 90%;
	}
	
	/* Aqui empieza el pie de pagina*/
	
	.footer-content {
		flex-direction: column;
	}
	
	.footer-content .block-fc {
		width: 100%;
		text-align: center;
	}
	
	/* page services */
	
	.main-services p {
		width: 92%;
	}
	
	.gc-services .gcs-complement p {
		width: 92%;
	}
	
	.gc-services .gcs-resume div {
		width: 80%;
		margin: 10px 10px 10px 10px;
	}
	
	/* page company */
	
	.main-company p {
	width: 92%;
	}
	
	/* page privancy police and terms */
	
	.main-ppolice p {
	width: 90%;
	}
	
	.gc-ppolice .gcs-complement h2 {
		text-align: center;
	}
	
}