@import url("https://assets.podemos.info/bower_components/montserrat-fonts-sources/fonts/webfonts/Montserrat.css");

*{
  margin:0;
  padding:0;
  
}
body{
  font-family: 'Montserrat', 'sans-serif' !important;
}
.topnav{
  position: fixed;
  z-index: 8000;
  background-color: #fff;
  width: 100% !important;
  box-shadow: 0px 0px 20px;
  overflow-x: hidden;
}
.logo{
  width: 30%;
}
.fab{
  padding: 10px;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
  background-color: #fff;
  color:#8cc3c5;
}
.fa-facebook:hover{
  background-color: #3b5998;
}
.fa-twitter:hover{
  background-color: #1dcaff;
}
.fa-youtube:hover{
  background-color: #c4302b;
}
.inferior{
  background-image: url('../images/fondo.jpg');
  background-position: center;
  background-size: cover;
}
.slider{
  padding-top: 80px;
}
.carousel{
  width: 100%;
}
.carousel-item img {
  width: 100vw;
}
.carousel-indicators li{
  background-color: #8cc3c5 !important;
  height: 6px !important;
}
.carousel-indicators li.active{
  background-color: #fff !important;
}
h1{
  color: #8cc3c5 !important;
  font-weight: 800 !important;
  font-size: 3.5rem !important;
}
h4{
  font-weight: 600 !important;
  font-size: 3.5rem !important; 
  color: #8cc3c5 !important;
}
h5{
  font-weight: 800 !important;
  font-size: 1.5rem !important; 
  color: #8cc3c5 !important;
}
button{
  padding: 10px 20px;
  font-weight: bold;
  background-color: #8cc3c5;
  color: #fff;
  border: 0;
  border-radius: 10px !important;
  cursor: pointer;
}
footer,.topnav{
  background-image: url('../images/footer.jpg');
  background-position: center;
  background-size: cover;
}
@media (max-width: 992px){
  .cabecera,.pie{
    flex-wrap: nowrap !important;
  }
  .slider{
    padding-top: 60px;
  }
  h1{
    font-size: 2rem !important;
    font-weight: 800 !important;
  }
  h4{
    font-size: 2rem !important;
  }
  h5{
    padding-top: 10px;
  }
}