.container {
  max-width:1200px;
  margin:0 auto;
}

section.construction {
  padding:2em 0;
  background-color:#ba9900;
  text-align:center;
  color:#fff;
}

section.construction p {
  margin:0 0 1.5em;
  line-height:1.5em;
}

section.construction .button a {
  text-transform:uppercase;
  font-family:'Nunito Sans';
  letter-spacing:0.1em;
  color:#fff;
  font-size:0.75em;
  font-weight:600;
  display:inline-block;
  padding:1em 1.5em;
  border-radius:3px;
  margin:0 0.25em;
  border:solid 1px rgba(255,255,255,0.25);
  transition:background-color 200ms, border 200ms;
}

section.construction .button a:hover {
  color:#ba9900;
  background-color:#fff;
  border:solid 1px #fff;
}

section.schedule {
  background-color:#fff;
  padding:4em 3% 4em;
  position:relative;
}

section.schedule nav {
  text-align:center;
  margin:0 0 4em;
}

section.schedule nav ul {
  display:inline-block;
  border-bottom:solid 1px #ccc;
}

section.schedule nav ul li {
  display:inline-block;
}

section.schedule nav ul li a {
  font-family:'Nunito Sans';
  display:inline-block;
  text-transform:uppercase;
  color:#aaa;
  font-size:0.75em;
  font-weight:600;
  letter-spacing:0.1em;
  padding:1.5em 1.5em;
  position:relative;
  border-bottom:solid 1px #ccc;
  top:1px;
}

section.schedule nav ul li a:hover, section.schedule nav ul li a.on {
  color:#333;
}

section.schedule nav ul li a.on {
  border-bottom:solid 1px #009bbc;
}

section.schedule .tab {
  display:none;
  font-size:0.875em;
}

section.schedule svg {
  height:40px;
  width:auto;
  margin:1.5em 0;
}

section.schedule div h5 {
  font-weight:400;
  text-transform: uppercase;
  letter-spacing:0.15em;
  color:#ba9900;
  font-family:'Nunito Sans';
}

section.schedule div p {
  font-family:'Nunito Sans';
  color:#999;
  font-weight:bold;
  margin:0.5em 0 0;
}

section.schedule div h3 {
  font-size:1.325em;
  color:#333;
  font-family:'Merriweather';
  font-style:italic;
  margin:0.5em 0 0;
  line-height:1.25em;
}

section.schedule-undergraduate {
  background-image:url('/commencement/images/background-schedule-undergraduate.jpg');
  background-size:cover;
  padding:6em;
  font-size:0.875em;
}

section.schedule-undergraduate h2 {
  font-family:'Merriweather';
  font-size:2.5em;
  color:#fff;
  font-style:italic;
  margin:1.5em 0 0;
}

section.schedule-undergraduate h3 {
  font-weight:600;
  color:#ffcc00;
  letter-spacing:0.15em;
  font-size:0.75em;
  text-transform:uppercase;
  font-family:'Nunito Sans';
  border-bottom:solid 1px #009bbc;
  padding:1em 0;
  margin:0 0 2em;
}

section.schedule-undergraduate h5 {
  font-weight:600;
  letter-spacing:0.15em;
  font-size:0.875em;
  text-transform:uppercase;
  font-family:'Nunito Sans';
  color:#fff;
  margin:1.5em 0 0;
}

section.schedule-undergraduate ul {
  margin:1em 0 3em 1em;
}

section.schedule-undergraduate ul li {
  color:#fff;
  opacity:0.75;
  font-family:'Merriweather';
  margin:1em 0;
}

section.guest-info {
  background-image:url('/commencement/images/background-guest-info.jpg');
  background-repeat:no-repeat;
  background-size:100% auto;
  padding:8em 0 30em;
  background-position:center bottom;
  background-color:#54659d;
  position:relative;
}

section.guest-info .container {
  max-width:1110px;
  padding:0 3%;
}

section.guest-info h2 {
  text-align:center;
  font-size:2em;
  font-family:'Merriweather';
  margin:0 0 2em;
  color:#fff;
  font-style:italic;
}

section.guest-info h3 {
  font-weight:600;
  letter-spacing: 0.2em;
  font-size:0.875em;
  margin:2em 0 1em;
  color:#ffcc00;
  text-transform:uppercase;
  font-family:'Nunito Sans';
}

section.guest-info p {
  font-family:'Merriweather';
  color:#fff;
  font-size:0.875em;
  margin:0 0 1.5em;
  line-height:1.75em;
}

@media screen and (max-width:800px) {
  
  section.intro {
    padding:12em 0 8em;
  }
  
  section.intro .text .container h1 {
    font-size:2em;
  }
  
  section.intro .text .container p {
    font-size:0.75em;
  }
  
  section.intro .text .container .button a {
    display:block;
    margin:0.5em 0;
    padding:1.5em 0;
  }
  
  section.schedule nav ul {
    display:block;
    border:none;
  }
  
  section.schedule nav ul li {
    margin:0.5em 0;
    font-size:0.75em;
  }
  
  section.schedule nav ul li a {
    display:block;
    border:solid 1px #eee;
  }
  
  section.schedule nav ul li a.on {
    border-bottom:none;
    border:solid 1px #009bbc;
  }
  
  section.schedule-undergraduate {
    padding:6em 4%;
  }
  
  section.schedule-undergraduate ul li {
    line-height:1.5em;
  }
  
  section.guest-info {
    padding:4em 0 10em;
  }
  
}