* {
  font-family: 'Roboto', sans-serif;
  text-align: center;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.buttons {
    top:200px;
    max-width: 960px;
    display: inline-flex;
    justify-content: center;
    margin: 20px;
}


nav {
  width:auto;
  display: flex;
  justify-content: center;
  overflow: visible;
  flex-wrap: wrap;
}

nav li {
  list-style-type: none;
  text-align: center;
  text-decoration: overline;
  font-size:1.5em;
  padding-top:0px;
  padding-bottom:10px;
  padding-left: 30px;
  padding-right: 30px;
}

iframe.row {
  padding:25px;
}


@media only screen and (max-width:960px) {
  hr {
    width:308px;
  }

  p.button-link {
    font-size:1.3em;
  }

}

@media only screen and (max-width:500px) {
  hr {
    width:200px;
  }

  iframe {
    width:auto;
  }

  p.button-link {
    visibility:hidden;
  }

}

/*Column Widths, base 12*/
.col-1 {
    width: 8.33%;
}
.col-2 {
    width: 16.66%;
}
.col-3 {
    width: 25%;
}
.col-4 {
    width: 33.33%;
}
.col-5 {
    width: 41.66%;
}
.col-6 {
    width: 50%;
}
.col-7 {
    width: 58.33%;
}
.col-8 {
    width: 66.66%;
}
.col-9 {
    width: 75%;
}
.col-10 {
    width: 83.33%;
}
.col-11 {
    width: 91.66%;
}
.col-12 {
    width: 100%;
}


a.button-link:link  {
  color: #AF1D24;
  text-decoration: none;
}
a.button-link:visited{
  color:#AF1D24;
  text-decoration: none;
}


a:link {
color: #000000;
text-decoration: none;
}

a:visited{
color:#000000;
text-decoration:none;
}

a:active {
color:purple;
}