styles.css

html {
  font-size: 20;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Lato', sans-serif;
  color: white;
  background-color: black;
}

h1 {
    font-size: 100;
    text-align: center;
    color: white;
    margin: 25px 0px;
}

h2 {
    font-size: 30;
    color: white;
    margin: 15px 0px;
}

h3 {
    font-size: 80;
    color: white;
}

h4 {
    color: white;
}

a {
  color: white;
}

a.selected {
    font-size: 20;
    text-align: center;
    color: white;
    text-decoration: none;
}

div.wide-content {
    margin:0% 10%;
    text-align: center;
    width:80%;
}

div.narrow_content {
    margin:0% 20%;
    width:60%;
}

@media all and (min-width: 53.125em) {
  .mainnav ul {
    border-bottom: 4px solid ##33C1FF; }
  }


.block-content {
    width: initial;
    padding: 15px 0px;
}



/* Index page */

html.index {
    font-size: 20;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Lato', sans-serif;
    color: white;
    background-color: black;
    background: url(img/SpeakEasy.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    background-size: cover;
}

.shadow-box {
    background: "rgb(0, 0, 0)"; /* fallback color */
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
}

.applicant-signups {
    margin: 40px;
    height: 44px; /* the height of the link with padding/margin */
}

.applicant-signups a {
  display: inline-block;
  font-size: 13px;
  padding: 12px 35px;
  margin: 10px;
  background-color: #e64e4e;

  letter-spacing: 1px;
  text-transform: uppercase;

  text-align: center;
  color: white;
  text-decoration: none;
  white-space: nowrap;
}

.social-media-link {
    margin: 20px;
}

.social-media-link a {
    text-decoration: none;
    font-weight: bold;
    padding-left: 10px;
}


/* Nav */

.mainnav ul {
  list-style: none;
  margin: 0 20px 40px 20px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.mainnav li {
    margin: 0 10px;
}

.mainnav a {
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  color: white;
  padding: 10px 0;
}

.mainnav a:hover {
  border-bottom: 4px solid white;
  margin-bottom: -4px;
}

.mainnav a.selected, .mainnav a.selected:hover {
  color: white;
  border-bottom: 4px solid #000000;
  margin-bottom: -4px;
}




/* Leadership team page */

.leadership div {
    float: left;
}

.leadership.text {
    max-width:50%;
    min-width: 250px;
}

.leadership img {
    max-width:280px
}

/* Open conferences page */

.open-conf-logo {
    padding: 20px 0px;
}

.conf-title {
    float:left;
    width: 190px;
    padding: 15px 20px;
}

.conf-content {
    padding: 15px 0px;
    padding-left: 190px;
    text-align: left;
}