*{
	margin: 0;
	padding: 0;
}

nav{
	width: 100%;
	height: 5vh;
	background-color: #000;
	padding-bottom: 50px;
}
ul{
	list-style-type: none;
}

a{
	text-decoration: none;
	color: 
}

/* Social Monge
    *******************************************************************************/
#social-monge li{
  display: inline;
  padding-left:10px;
  padding-right:10px;
  font-size: 25px;
}
#social-monge li a i{
  color: #fff;
  transition: all .15s ease;
}
#social-monge li a.facebook:hover i{
  color: #3b5998;
}
#social-monge li a.instagram:hover i{
  color: pink;
}
#social-monge li a.twitter:hover i{
  color: #1da1f2;
}
#social-monge li a.youtube:hover i{
  color: #de2825;
}
.notas{
  padding-top: 20px;
}

.principal{
	width: 100%;
	height: 40vh;
	background-image: url("../images/header-fondo.png");
  background-repeat: no-repeat;
}

#logo-monge{
	width: 60%;
	padding-top: 10px;
}
#video-nota-principal{
	padding-top: 40px;
}
#titulo-nota-principal{
	padding-top: 85px;
	color: #763085;
}
.btn-success{
	background-color: #763085 !important;
}
#cintillo{
  width: 700px;
}

/* Footer
    *******************************************************************************/
  .footer{
  background-color: #242426;
  width: 100%;
  padding: 50px 0 0;
  margin: 0px 0 0;
  display: inline-block;
  position: relative;
  background-image: none;
}
.footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-image: -webkit-linear-gradient(0deg, #f8a824 25%, #f05d21 25%, #f05d21 50%, #8ac349 50%, #8ac349 75%, #22bab8 75%, #22bab8 100%);
  background-image: -ms-linear-gradient(0deg, #f8a824 25%, #f05d21 25%, #f05d21 50%, #8ac349 50%, #8ac349 75%, #22bab8 75%, #22bab8 100%);
  background-size: 100%; 
}
.footer ul li a{
  color: #fff;
}
.footer ul li a:hover{
  color: #f05d21;
}
#social li{
  display: inline;
  padding-left:10px;
  padding-right:10px;
  font-size: 30px;
}
#social li a i{
  color: #5c5c5c;
  transition: all .15s ease;
}
#social li a.facebook:hover i{
  color: #3b5998;
}
#social li a.instagram:hover i{
  color: pink;
}
#social li a.twitter:hover i{
  color: #1da1f2;
}
#social li a.youtube:hover i{
  color: #de2825;
}
.derechos{
  background-color: #000;
  color: #fff;
}
.caso{
  padding-top: 200px;
}


@media (max-width: 480px){
  h4{
    font-size: 1.3em; 
    font-weight: bolder;
  }
  .principal{
    height: 30vh;
    background-size: 400% 100%;
    background-position: center;
  }
  #logo-monge{
    width: 65%;
  }
  #video-nota-principal{
    padding-top: 50px;
  }
  #titulo-nota-principal{
    padding-top: 0px;
    color: #000;
  }
  .notas{
    padding-top: 50px;
  }
  .caso{
    padding-top: 0px;
  }
  #cintillo{
  width: 350px;
  }
}