/*colors
amarillo:#FFE821;
*/
*{
	font-family: 'Nanum Myeongjo', serif;
}

.img-navbar{
	background-color: #232B2D;
}

.social-icon{
	font-size:2.5em;
	margin-top: 0.2em;
	margin-left: 0.5em;
	color: #FFF;
	cursor: pointer;
}



.img-fondo{
	background-image: url(../img/galaxy1.gif)
}

.img-container{
	margin-top: 1em;
	margin-bottom: 1em;

}

.cont-row{
	margin:1em;
}

.logo{
	height: 18em;
	display: flex;
    justify-content: space-around;
	margin-top: 2em;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

}

.col-md-6 {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.btn{
	background-color: #FFE821;
}

.swimg{
	display: flex;
    justify-content: space-around;
	margin-top: 2em;
    cursor: pointer;
	height:9em; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

}

.swimg:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)

}

.info{
	color: #FFE821;
}

.search-container, .info-container{
	margin-left: 2em;
}


.img-footer{
	height: auto;
	width: 100%; 
   margin-left:0;
    }

.container-footer{
	width: 100%;
	height: auto;
	background-color: #232B2D;
}

.img-footer{
	width: 8em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}

h1, h2, p{
	color: #787878;
	font-size: 1.5em;
	display: flex;
    justify-content: space-around;
    top: 0.5;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
h2, p, ul{
	margin-top: 0.6em;
}

h1{
	font-weight: bold;
}

p{
	font-size: 1em;
}
 
 ul{
 	list-style: none;
 }

li{
     display: inline;
	color: #787878;
}

a{
	color: #787878;
}

a:hover{
	color: #FFE821;
}

.audio{
	margin-top: 0.6em;
	margin-left: 2em;
	background-color: red;
}

/* width */
::-webkit-scrollbar {
    width: 1em;
}


 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #FFE821; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #787878; 
}