/*CSS for 4those.fi*/

/*FONTIT*/
/*font-family: 'Anton', sans-serif;
font-family: 'Permanent Marker', cursive;
font-family: 'Allerta Stencil', sans-serif;
font-family: 'Metrophobic', sans-serif;
font-family: 'Mada', sans-serif;
font-family: 'Khula', sans-serif;*/

h3{
  font-family: 'Permanent Marker', cursive;
  font-size: 30pt;
  margin-bottom: 5px;
  color: #323131;
}

h4{
  font-family: 'Permanent Marker', cursive;
  font-size: 20pt;
  color: #323131;
}

p{
  font-family: 'Metrophobic', sans-serif;
  font-size: 13pt;
}

body{
  background: #f2f2f2;
  box-shadow: inset 0px 0px 100px -19px rgba(0,0,0,0.71);
}

img{
  width: 100%;
}

.container{
    padding: 20px 120px;
}

/*NAVBAR*/
.navbar {
  background-color: #2d2d30;
  border: 0;
  font-size: 11px !important;
  font-family: 'Metrophobic', sans-serif;
  /*letter-spacing: 4px;*/
  opacity: 0.9;
}

.navbar li a, .navbar .navbar-brand {
  color: #d5d5d5 !important;
}

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

.navbar-nav li.active a {
  color: #fff !important;
  background-color:#29292c !important;
}


/*BAND MEMBERS*/
.person{
    border: 10px solid transparent;
    margin-bottom: 25px;
    width: 80%;
    height: 80%;
    opacity: 0.7;
}

.person:hover{
    border-color: #424040;
}

/*JUMBOTRON*/

.jumbotron{
  margin: 0 auto;
  padding: 0;
}

.jumbotron img {
    width: 100%; /* Set width to 100% */
    margin: auto;
    margin-top:50px;
  }

/*CAROUSEL*/

@media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }

.carousel-inner img {
    width: 100%; /* Set width to 100% */
    margin: auto;
    margin-top:50px;
  }

  .bg-1 {
    padding:  20px;
    background: #7b8988;
    color: #353839;
    box-shadow: inset 0px 0px 280px -80px rgba(0,0,0,0.75);
  }

  .bg-2 {
    padding:  20px;
  }

.bg-1 .row{
  margin-left: 20%;
  margin-right: 20%;
}


  .bg-1 h3 {
    color: white;
  }
  .bg-1 p {
    color: white;
  }

  .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }

  .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .label{
    font-family: 'Metrophobic', sans-serif;
    letter-spacing: 2px;
    font-size: 7pt;
    text-transform: uppercase;
  }



  /*ARVOSTELUT*/
  .arvostelut{
    padding:  10%;

  }

  /*BIISIT*/
  .biisit{
    padding:  10px 0 10px 0;
  }

  /*FOOTER*/
  .footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 100%;
  /*background-color: white;*/
  color: white;
  text-align: center;
  box-shadow: inset 0px -129px 197px -86px rgba(0,0,0,0.82);
}

.external-link a{
  color: black;
}

.external-link a:hover{
  color: #2d2d30;
}


@media (max-width: 600px){
  .container{
    padding: 0% 10% 0% 10%;
  }
  #arvostelut{
    padding: 0% 10% 0% 10%;
  }
  #biisit{
    padding: 0% 10% 0% 10%;
  }
  h3{
    font-size: 20pt;
  }
  h4{
    font-size: 20pt;
  }

  .navbar-brand{
    font-size: 8pt;
  }

}