body {
  font-family: 'Roboto Slab', Georgia, serif;
  font-weight: 300;
  background-color: #060606;
  background-image: url(http://www.skeemipesa.ee/tehnohack/wp-content/themes/shoestrap-3/assets/img/chalk2-tileable.jpg);
  color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', Georgia, serif;
}
a {
  color: #fd5711;
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
  border-bottom: 1px solid #fd5711;
}
h1 a, h1 a:hover, h1 a:focus, h1 a:active {
  border-bottom: none;
}

#banner-header a:hover,
#banner-header a:focus,
#banner-header a:active {
  border-bottom: none;
}
#banner-header .list-inline {
  float: right;
  margin-bottom: 5px;
}

#intro,
#mentors,
#sponsors {
  background: #ccba96;
}

#intro h2 {
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 25px;
}

#content .container {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

#mentors h2 {
  margin: 40px 0 15px -15px;
}

#ideas {
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

#ideas iframe {
  width: 90%;
}

#ideas .col-md-4 {
  margin-bottom: 20px;
}
.entry-summary a {
  white-space: nowrap;
}

#team h2 {
  margin: 40px 0 15px -15px;
}


@media (max-width: 991px) {
  #mentors {
    font-size: 0.8em;
    line-height: 1.15em;
    word-wrap: break-word;
  }
  #mentors .col-md-4 {
    float: left;
    width: 33%;
    padding: 0 2.5%;
    height: 100px;
    overflow: hidden;
  }
  #mentors .col-md-4 img {
    width: 100px !important;
    height: 100px !important;
  }
  
  #ideas .col-md-4 {
    margin-bottom: 20px;
  }
  
  #team .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #team .col-md-4 > span,
  #team .col-md-3 > span {
    padding-left: 15px !important;
  }
  
  #team .col-md-4,
  #team .col-md-3 {
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
  }
  #team img {
    width: 100px !important;
    height: 100px !important;
  }
  #team .col-md-4 div,
  #team .col-md-3 div {
    height: auto !important;
    display: block;
    overflow: hidden;
  }

}
@media (max-width: 767px) {
  #mentors {
    font-size: 1em;
  }
  #mentors .row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #mentors .col-md-4 {
    float: none;
    width: auto;
    padding: 0 15px;
    height: auto;
    overflow: visible;
  }
  #mentors .col-md-4 img {
    display: none;
  }
  #mentors .col-md-4 div {
    height: auto !important;
  }
  #mentors span {
    padding: 0 !important;
    font-size: 1em !important;
    display: inline: !important;
  }
  #mentors .col-md-4 p {
    display: inline !important;
  }
  
  #ideas {
    padding-bottom: 20px;
  }
  #ideas .col-md-12 h2 {
    margin-left: 0 !important;
  }
  #ideas article {
    padding: 0 15px;
  }
  
}


@media (max-width: 540px) {
  h1 {
    font-size: 250%;
  }
  #intro h2 {
    font-size: 0.8em;
  }
}