body {
  overflow-x: hidden;
}


.navbar-brand {
  font-family: 'Roboto', sans-serif;
  color: #313131;
}

.navbar {
  padding: 0px;
  color: #313131;
}

.navbar-nav li a {
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 1.5px;
  padding: 11px 8px 11px 8px;
  color: #313131 !important;
  font-family: 'Roboto', sans-serif;
  transition: 0.3s;
}

.navbar-nav li {
  transition: 0.3s;
}

.navbar-nav li:hover {
  background-color: #414141;
}

.navbar-nav li a:hover {
  color: #fff !important;
}

.nav-link {
  color: #313131;
}

.steady-menu {
  /* google firefox */
  position: sticky;
  /* IE  */
  font-family: 'Roboto Slab', serif;
  position: fixed;
  width: 100%;
  z-index: 1000;
  background-color: #f7f7f7;
  opacity: 0.95;
}

/*menu Hamburguesa*/

.navbar-toggler {
  background-color: #313131;
}

.custom-toggler.navbar-toggler {
  border-color: #fff;
  border-width: 2px;
}

/* Rayas del boton hamburguesa */

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='1' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*Introduccion artista*/

.container-fluid1 {
  border-top: 1px;
  border-color: #414141;
  padding-bottom: 228px;
}

.background1 {
  color: #fff;
  background-attachment: fixed;
  background-image: url("../images/polen-cover-min.jpg");
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
}

.intro-artist {
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  padding-left: 14%;
  padding-right: 14%;
}

.intro-artist-text {
  font-size: 24px;
  color: #fff;
}

.pieces-title {
  font-weight: bold;
}

.background2 {
  color: #fff;
  background-attachment: fixed;
  background-image: url("../images/parallax-pdf.jpg");
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
  padding-top: 300px;
  padding-bottom: 300px;
  margin-top: 60px;
}

h1 {
  font-size: 70px;
  padding-top: 130px;
  padding-bottom: 10px;
  letter-spacing: 8px;
  font-family: 'Sen', sans-serif;
}

.container-fluid2 {
  padding-bottom: 60px;
}

.container2 {
  padding-top: 20px;
}

h3 {
  padding-top: 12px;
  padding-bottom: 8px;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
}

h6 {
  padding-top: 12px;
  padding-bottom: 8px;
  padding-left: 8%;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  text-align: left;
  font-weight: 700;
}

.core-info-img {
  width: 250px;
  height: 150px;
  border-radius: 6px;
  transition: 0.3s;
}

.core-info-img:hover {
  cursor: pointer;
  transform: scale(1.13);
  -webkit-box-shadow: 0px 0px 6px -3px rgba(65, 65, 65, 1);
  -moz-box-shadow: 0px 0px 6px -3px rgba(65, 65, 65, 1);
  box-shadow: 0px 0px 6px -3px rgba(65, 65, 65, 1);
  border-radius: 6px;

}

h4 {
  padding-top: 60px;
  font-size: 28px;

}


h5 {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
}

.portfolio-imgs {
  margin-top: 40px;
  margin-bottom: 30px;
  width: 100%;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  -moz-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 0.5);

}

.portfolio-imgs2 {
  margin-top: 62px;
  margin-bottom: 30px;
  width: 100%;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  -moz-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 0.5);

}

.text-portfolio {
  font-size: 15px;
  padding-left: 8%;
  padding-right: 8%;
  text-align: justify;

}

.text-portfolio-microcumbia {
  font-size: 15px;
  padding-left: 8%;
  padding-right: 8%;
  padding-bottom: 1%;
  padding-top: 1%;
  text-align: justify;

}


.big-imgs {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 30px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  -moz-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 0.5);
}

.vertical-imgs {
  width: 80%;
  margin-top: 40px;
  margin-bottom: 20px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  -moz-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 0.5);
}

.vertical-imgs2 {
  width: 80%;
  margin-top: 120px;
  margin-bottom: 20px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  -moz-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 0.5);
}

.calle-info-img {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 30px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  -moz-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 1);
  box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 0.5);
}

.go-top img {
  position: fixed;
  bottom: 1em;
  right: 1em;
  text-decoration: none;
  transition: 0.4s;
  border: 1px solid #414141;
  opacity: 0.3;
  border-radius: 50%;

}

.go-top img:hover {
  transform: scale(1.1);
  border-radius: 50%;
  opacity: 1;

}

.fa-newspaper {
  color: #505050;

}


.text-about {
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  text-decoration: none;
}

.italic {
  font-style: italic !important;
  font-weight: 200;
}

.icon-top {
  padding-top: 36px;

}

footer {
  border-top: #e6e6e6 1px solid;
  padding-top: 2rem;
}


.dev-info {
  background: #fff;
  color: #414141;
  margin: 0;
}

.fa-facebook-f,
.fa-instagram {
  color: #414141;
  transition: 0.4s;
}

.fa-facebook-f:hover,
.fa-instagram:hover {
  color: #223646;
  transform: scale(1.06);
}

a:hover,
a:focus {
  text-decoration: none;

}

.card {
  margin-top: 4%;
  padding-left: 14px !important;
  padding-right: 14px !important;
  transition: 0.2s;
}

.card-agitaciones {
  margin-top: 4%;
  padding-left: -30% !important;
  padding-right: -30% !important;
  transition: 0.2s;
  border: none;
}

.card-title {
  font-weight: 300;
  font-size: 120%;

}

.card:hover {

  -webkit-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 0.6);
  -moz-box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 0.61);
  box-shadow: 0px 0px 19px -11px rgba(65, 65, 65, 0.6);
}

.card-text {
  font-style: italic;

}

.btn-primary {
  color: #fff;
  background-color: #223646;
  border-color: #223646;
  padding-top: 3px;
  padding-bottom: 4px;
  letter-spacing: 1px;

}

.btn-primary:hover {
  color: #223646;
  background-color: #fff;
  border-color: #223646;

}