html, body {
	margin: 0;
	padding: 0;
}

#unaMarea {
	position: absolute; 
	left: 50%; 
	top: 58%; 
	transform: translate(-58%, -50%);
}

.letter {
	     display: inline-block;
	     opacity: 0;
	     font-family: 'Bebas';
	     font-weight: 400;
	     font-size: 2.5em;
	     color: white
	}

#milsonrisas h1{
	font-size: 4.5em!important;
}

#milsonrisas h3{
	font-size: 1.8em!important;	
}

#milsonrisas p{
	font-family: 'Calibri';
	font-weight: 600;
	font-size: 1.1em;
	color: #333;
}

a {
	text-decoration: none!important;
	/*color: white!important;*/
}

a:hover {
	color: #ffa338!important;
}

p{
	margin-bottom: .2rem!important;
}

#notas {
	background-image: url('../img/fondo_mareas.png');
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	position: relative;
}

.nota-contenido {
	min-height: 348px
}

.redes a {
	text-decoration: none!important;
	color: white;
}

.redes #linknaranja{
	color: #ffa338!important;
}

.redes #linkgris{
	color: #555!important;
}

.redes #linkblanco{
	color: #fff!important;
}

.logo {
	width: 160px;
	text-align: center!important
}

.blanco {
	color: white;
}

.naranja {
	color: #ffa338;
}

.gris{
	color: #555;
}

#home {
	
}

.opacidadImagen:hover {
	opacity: 0.7!important;
  }

.intro {
	font-family: 'SOMA';
	color: white;
	position: absolute;
	top: 50%;
	text-align: center;
	left: 50vw;
}

.intro .soma {
	font-size: 3.8em;
	margin-bottom: 0px;
}

.intro .slogan {
	font-size: 1.8em;
	margin-top: -10px
}

.redes i {
		padding: 10px;
	}

nav {
	font-family: 'SOMA';
	font-size: 1.5em;
	margin-top: 30px;
	z-index: 10
}

.nav-link {
	color: #555!important
}


.nav-link:hover {
	color: #ffa338!important;
}

.fondo_blanco.dropdown-toggle::after {
	border-top: .3em solid #000!important;
}

.sonrie-mirada .nav-link {
	color: #ffa338!important;
}

img {
	width: 100%;
  	/*height: auto;*/
}

#sobremi {
	background-image: url('../img/sobre_mi.jpg');
	height: 100vh;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	position: relative;
}

.sobremi {
	padding: 30px;
	color: #333;
	position: absolute;
	top: 30px;
	left:30px;
	letter-spacing: 1.2px;
	font-weight: 600;
}

.sobremi p {
	font-family: 'Calibri';
	font-size: 1.2em;
}

#queessoma {
	background-image: url('../img/home.jpg');
	height: 100vh;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	position: relative;
}

.queessoma {
	padding: 25px;
	color: #fff;
	position: absolute;
	top: 30px;
	left:30px;
	letter-spacing: 1.2px;
	font-weight: 600;
}

.queessoma p {
	font-family: 'Calibri';
	font-size: 1.2em;
}

.container-fluid {
	overflow: hidden;
}

#mareas {
	background-image: url('../img/fondo_mareas.png');
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	position: relative;
	min-height: 940px;
}

#mareas .fecha {
	font-family: 'HechoAMano';
	font-size: 28px;
	margin-top: 115px;
	margin-bottom: 20px;
	margin-left: 55px
}

#mareas .titulo {
	font-family: 'HechoAMano'; 
	font-size: 40px; 
	margin-bottom: 10px;
	margin-left: 55px;
	margin-top: 150px
}

.nota-mareas {
	float: left;
	min-height: 450px;
	margin-top: 20px
}

#mareas .contenido {
	font-family: 'Calibri'; 
	text-align: justify;
}

#mareas .seguir {
	margin-top: 5px; 
	font-family: 'Calibri';
}

.nota h1 {
	font-family: 'Calibri';
	font-size: 2em;
}

.nota p {
	font-family: 'Calibri';
	font-size: 1.2em;
	text-align: justify;
}

.nota img {
	width: auto;
}

.sonrie img:hover {
	transform: scale(1.01, 1.01);
	cursor: pointer;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);
	box-shadow: 10px 10px 5px 0px rgba(204,204,204,1);
}

.card:hover{
	transform: scale(1.01, 1.01);
	cursor: pointer;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(255,163,56,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(255,163,56,1);
	box-shadow: 10px 10px 5px 0px rgba(255,163,56,1);
}

#contenido {
	margin-top: 40px;
}

#contenido h5 {
	color:#ffa338!important;
}

#contenido p {
	color: #333;
	font-size: 1.2em;
}

.mostrar {
	display: block;
}

.modal p {
	font-family: 'Calibri';
	color: #555;
}

.modal h5 {
	color: #555;
}

.contacto {
	font-family: 'SOMA';
}

#mensaje {
	resize: none;
	height: 100px;
}

.error {
	font-size: .7em;
}

.boton {
	background-color: #ffa338!important;
	border-color: #ffa338!important;
}

.dropdown-item:hover {
	color: #ffa338!important;
}

@media (min-width: 735px) and (max-width: 1750px){
	
	#unaMarea {
		position: absolute; 
		left: 48%; 
		top: 57%; 
		transform: translate(-52%, -50%);
	}

	#sobremi {
		height: auto;
	}

	#queessoma {
		height: auto;
	}

	.nota-mareas {
		float: left; 
	}
}

@media (min-width: 991px) and (max-width: 1757px) {

}

@media (max-width: 736px) {

	#mareas {
		background-image: url('../img/fondo_mareas-m.png');
		background-size: cover;
		background-attachment: fixed;
		background-position: center center;
		position: relative;
	}

	.nota-mareas {
		float: left; 
	}

	#unaMarea {
		position: absolute; 
		left: 48%; 
		top: 65%; 
		transform: translate(-45%, -50%);
	}

	.letter {
	     display: inline-block;
	     opacity: 0;
	     font-family: 'Bebas';
	     font-weight: 400;
	     font-size: 2em;
	     color: white
	}

	.titulos {
	  	height: auto;
	  	margin-left: -20px;
	}

	.intro .soma {
		font-size: 2em;
	}
	.intro .slogan {
		font-size: 1em;
	}
	.ingresar {
		font-size: 1.3em;
		top: 83%;
		left: 60%;
	}
	.nav-link {
		color: #555!important;
	}

	#milsonrisas h1{
		font-size: 3em!important;
	}

	#milsonrisas h3{
		font-size: 1.2em!important;	
	}

	#sobremi {
		height: auto;
	}

	.sobremi {
		margin-bottom: 50px;
		height: auto;
		margin-bottom: 50px;
	}

	.sobremi .texto {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 20px;
		background-color: #ffffff66
	}

	.sobremi p {
		position: relative;
		color: #333;
		width: 95%;
		font-size: 1.3em;
		left:10px;
		background-color: transparent;
	}

	#queessoma {
		height: auto;
	}

	.queessoma {
		margin-bottom: 50px;
	}

	.queessoma .texto {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 20px;
		background-color: #ffffff66
	}

	.queessoma p {
		position: relative;
		width: 95%;
		font-size: 1.3em;
		color: #333;
		left:10px;
		background-color: transparent;
	}

	.nota h1 {
		font-family: 'Calibri';
		font-size: 1.4em;
	}

	.nota p {
		font-family: 'Calibri';
		font-size: 1em;
		text-align: justify;
	}
}

@font-face {
	font-family: 'SOMA';
	src: url('../webfonts/BebasNeue-Regular.eot');
	src: url('../webfonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/BebasNeue-Regular.woff') format('woff'),
        url('../webfonts/BebasNeue-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Calibri';
	src: url('../webfonts/Calibri Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Bebas';
	src: url('../webfonts/BebasNeue-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Malinda';
	src: url('../webfonts/Malinda.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Honest';
	src: url('../webfonts/Honest Darling.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HechoAMano';
	src: url('../webfonts/HechoAMano.ttf');
	font-weight: normal;
	font-style: normal;
}