body {
  background:#fefefe;
}
header{
  background: rgb(206,18,105);
  background: linear-gradient(90deg, rgba(206,18,105,1) 0%, rgba(252,130,30,1) 100%);
}
.logo {
  padding-top:30px;
  padding-bottom:30px;
  padding-left:35px;
  color:#fff;
}
.title{
  font-size:calc(28px + 1vw);
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight:bold;
}
.subtitle{
  font-style:italic;
  font-weight:600;
  font-family: 'Courier New', Courier, monospace;
  color:#ffde37;
}
header nav {
  margin-bottom:-25px;
  border-radius:3px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
main{
  padding:60px 30px 45px 30px;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size:16px;
}
footer {
  background-color:#540187;
  color:#fff;
  padding-top:30px;
  padding-bottom:30px;
}
footer .row > div {
  padding:15px 30px;
}
footer a {
  color:#ffde37;
}
footer a:hover {
  color:#f5ad38;
}
main h1, main h2, main h3, main h4, main h5, main h6 {
  color:#540187;
}
.highlight {
  color:#f5ad38;
}
#content a {
  color:#f5ad38;
  text-decoration: underline;
}
#content a.btn {
  color:#fff;
  text-decoration: underline;
}
.breadcrumb {
  font-size:14px;
  margin-top:20px;
  padding:10px;
}

.underlined:hover {
  background-size: 100% 100%;
  color:#fff;
}
.underlined--thick {
  background-position: 0 -0.1em;
}
.underlined {
  flex: 1;
  text-decoration: none;
  background-image: linear-gradient(to right, #f5ad38 0, #f5ad38 100%);
  background-position: 0 50%;
  background-size: 0% 120%;
  background-repeat: no-repeat;
  transition: background .4s, color .4s;
}