@font-face {
  font-family: 'AmsterdamOne';
  src: url('fonts/AmsterdamOne.woff') format('woff');
}

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

body {
  font-family: 'Work Sans', sans-serif;
}



/* ? ----- PORTADA ----- */

.bg-black {
	background: #ff0000;
}

/* ? ----- MAIN ----- */
.text-justify {
	text-align: justify;
	color: #A5EFE4;
	/* color: #03ABB7; */
}
.row, .container { 
  background:#00B1BB;
	 /* #54C4C7; */
}
.esmeralda{
	color: #A5EFE4;
}
.rojo{
  color: #9D2241;
}
.dorado {
  color: #bc955c;
}
.negro {
	color: #000000;
}
.bg-color {
	background: #ffff;
}

/* ? ----- REDES SOCIALES ----- */
.redes-sociales .btn-red-social{
	padding: 15px 0;
	display: inline-block;
	min-width: 120px;
	border-radius: 5px;
	/*background: #FF0000;*/
	color: #fff;
	font-size: 30px;
	margin: 0 20px;
	transition: .3s ease all;
}

.btn-facebook {
	background-color: #3b5998;
}
.btn-twitter {
	background-color: #00acee;
}
.btn-instagram {
	background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
	}

.redes-sociales .btn-red-social:hover {
	box-shadow: 0px 0px 50px 10px rgba(0,0,0,.15);
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------- */

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
}

.marketing h2 {
	font-weight: 400;
}

.marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
	margin: 5rem 0;
	/* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {

	/* Bump up size of carousel content */
	.carousel-caption p {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
		line-height: 1.4;
	}

	.featurette-heading {
		font-size: 50px;
	}
}

@media (min-width: 62em) {
	.featurette-heading {
		margin-top: 7rem;
	}
}