body {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3 {
  /* sorry */
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 15px;
  margin-right: -15px;
  font-size: 2rem;
  margin-bottom: 5rem;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 4rem 0 3rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

.container.no-max-width {
    max-width: none;
}

/* Welcome
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.welcome {
  background-color: rgb(23, 148, 154);
  height: 100vh !important;
  padding: 0 !important;
}

.welcome .container {
  max-width: none !important;
  width: 100% !important;
}

.logo {
    max-width: 300px;
    margin-top: 50px;
}

.path {
    width: 70vw;
    margin-top: 10vh;
}

@media (min-width: 1000px) {
    .path {
        position: absolute;
        width: 80vw;
        bottom: 0;
        right:0;
    }
    .logo {
        position: absolute;
        max-width: 300px;
        left: 100px;
    }
}

.scroll-down-content {
    position: absolute;
    bottom: 20px;
    width: 100%;
    opacity: 0;
    left: 0;
    webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.scroll-down, .scroll-down-arrow {
    text-align: center;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
}

/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h1 {
  margin-bottom: 50px;
  color: #fff;
}

.speakers {
  color: #fff;
  background-color: rgb(23, 148, 154);
  padding-bottom: 5rem;
}

.speakers a {
  text-decoration: none;
}

.speakers a:hover {
  text-decoration: underline;
  text-decoration-color: white;
}

.speaker-name {
  margin-bottom: .5rem;
  color: #fff;
  font-weight: normal;
  font-size: 20px;
}

.value-heading {
  margin-bottom: .3rem;
}

/* Speakers
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.speakers a {
  color: white;
}

.speakers p {
  text-align: left;
}

.speaker-avatar {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.speaker-avatar {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.speakers a:hover .speaker-avatar {
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
}

.speaker-name {
  text-align: left;
}

.title-name {
  text-align: left;
}

.gray {
  color: lightgray;
}

/* Partners
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.partners {
  color: rgb(23, 148, 154);
}

.partners .section-heading {
  color: rgb(23, 148, 154);
}

.main-partner-logo {
  max-width: 250px;
  margin-left: 30px;
  margin-right: 30px;
}

.partner-logo {
  max-width: 120px;
  margin-left: 30px;
  margin-right: 30px;
}

/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 6rem 0 5rem;
  }
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .hero {
    height: 190px;
  }
  .hero-heading {
    font-size: 2.6rem;
  }
  .section {
    padding: 7rem 0 7rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .categories {
    padding: 15rem 0 8rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 10rem 0 9rem;
  }
}