/*XTRA-Small devices (landscape phones, 576px and up)*/
@media (min-width: 0px) and (max-width: 575.8px) 
{
	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&family=Quicksand:wght@300;400;500;600;700&display=swap');

	*
	{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	html
	{
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		scroll-behavior: smooth;
	}

	body
	{
		height: 255vw;
		background-color: #F6F6F6;
		/*background-color: red;*/
		min-width: 100%;
		background-repeat: no-repeat;
		margin: 0;
	}

	header
	{
		padding-top: 4vw;
 	}

 	#ContenedorMenu
 	{
 		padding: 0;
 		height: 12vw;
 		display: flex;
 		flex-direction: column;	
 	}
 	
 	.ContenedorLogo
 	{
 		width: 26.5%;
 		margin: auto;
 		align-items: center;
 		margin-top: 1.4vw;
 	}

 	.CiertoLogo
 	{
 		height: 7vw;
 	}

 	.MenuMobile
	{
		position: absolute;
		/*z-index: 1;*/
		/*pointer-events: none;*/
		margin-left: 87%;
		margin-top: 2.5vw;
		opacity: 1;
		/*pointer-events: all;*/
	}

	.MenuMobile img
	{
		height: 5.8vw;
	}

	.MenuMobile:focus
	{
		filter: invert(85%) sepia(46%) saturate(511%) hue-rotate(110deg) brightness(82%) contrast(93%);
		transition: color 300ms ease-out;
	}

	#NavHeader
	{
		display: none;
	}

	.NavHeader1
	{
		width: 50%;
		position: absolute;
		background-color: black;
		margin-left: 50%;
		margin-top: 12vw;
		/*opacity: 1 !important;*/
		z-index: 1;
	}

	.NavHeader1 ul
	{
		display: flex;
		flex-direction: column;
	}

	.NavHeader1 ul li
	{
		text-align: left;
		padding: 5vw 0;
	}

	.NavHeader1 ul li a
	{
		text-align: left;
		padding: 0;
		padding-left: ;
		font-size: 5vw;
		height: 100%;
		width: 100%;
		padding-left: 2.5vw;
		font-family: 'Quicksand', sans-serif;
	}

	#OpcionContacto
	{
		padding-bottom: 150vw;
	}

	.TransicionMenu{
		display: block !important;
		transition: opacity 300ms ease-out;	
		transform: translateY(-1px);
		transition: all 0.8s ease;
	}


	.MenuMobile:focus + #NavHeader1
	{
		transition: opacity 300ms ease-out !important;
	}

	.OpcionMenu
	{
		text-decoration: none;
		color: #FFFFFF;
		font-size: 2.5vw;
		display: flex;
	}

	.OpcionMenu:hover
	{
		color: #50C2AB;
		transition: color 50ms ease-out;
	}

	.OpcionMenu:active
	{
		font-size: 2vw;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		text-align: center;
		list-style-type: none;
		flex: 1;
		color: #50C2AB;
		padding-left: 0;
		justify-content: space-around;
	}

	.NavHeader1 ul > li > a:hover
	{
		text-align: left;
		float: left;
		padding: 0;
		font-size: 5vw;
		color: #50CCC4;
		height: 100%;
		width: 100%;
		transition: color 50ms ease-out;
		padding-left: 2.5vw;
		font-family: 'Quicksand', sans-serif;
	}

	main
	{
		/*background-color: red;*/
		min-width: 100%;
		height: 47.5vw;
		display: flex;
		flex-direction: column;
	}

	.ContenedorCentrarTitulo
	{
		height: 20vw;
		width: 100%;
		margin-top: 10vw;
		margin-left: 0;
		margin-bottom: 13vw;
	}

	.ContenedorTitulo
	{
		width: 90%;
		height: 2vw;
		margin: auto;
		/*background-color: yellow;*/
	}

	.ContenedorTitulo p
	{
		width: 100%;
		font-family: 'Quicksand', sans-serif;
		font-size: 6vw;
		line-height: 8vw;
		font-weight: 700;
		text-align: center;
		align-items: center;
		color: #B1B1B1;
	}

	.ContenedorTitulo p b
	{
		color: #50CCC4;
	}

	.Contenedor1
	{
		height: 100vw;
		/*background-color: green;*/
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		margin-top: 10vw;
		/*background-color: yellow;*/
	}

	.Cont
	{
		width: 80%;
		margin: auto;
		margin-top: 4vw;
		/*background-color: green;*/
	}

	.ParrafoTitulo
	{
		height: 2vw;
		width: 40%;
		margin: auto;
		/*background-color: yellow;*/
		text-align: center;
	}

	.ParrafoTitulo p
	{
		width: 100%;
		font-family: 'Quicksand', sans-serif;
		font-size: 4.2vw;
		font-weight: 700;
		color: #50CCC4;
	}

	.Parrafo
	{
		height: 17vw;
		margin-top: 5vw;
		/*background-color: blue;*/
	}

	.Parrafo p
	{
		text-align: center;
		font-size: 4.2vw;
		font-weight: 400;
		color: #BEBEBE;
		font-family: 'Open-sans', sans-serif;
	}

	.Contenedor2
	{
		height: 100vw;
		/*background-color: green;*/
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		margin-top: 3vw;
	}

	.Contenedor3
	{
		height: 2vw;
		margin-top: 10vw;
	}

	.ContenedorBtn
	{
		width: 36%;
		margin: auto;
	}

	.Btn1
	{
		font-family: 'Quicksand', sans-serif;
		font-weight: 700;
		font-size: 6vw;
		padding: 2vw 4.5vw;
		border: 2.5px solid #50CCC4;
		border-radius: 100px;
		color: #50CCC4;
		text-decoration: none;
	}

	.Btn1:hover
	{
		font-family: 'Quicksand', sans-serif;
		font-weight: 700;
		font-size: 6vw;
		padding: 2vw 4.5vw;
		background: #50CCC4;
		border-radius: 100px;
		color: #F6F6F6;
		text-decoration: none;
		transition: background 50ms ease-out, color 50ms ease-out;
	}