@media only screen and (max-device-width : 599px) {
    .navbar {
      margin-top: 2vh;
    }
    #logo {
      width: 120px;
    }
  
    section#copy h1 {
      margin-top: 4vh;
      font-size: 3vh;
    }
  }
  
  @media only screen and (min-device-width : 600px) {
    .navbar {
      margin-top: 3vh;
    }
    #logo {
      width: 180px;
    }
  
    section#copy h1 {
      margin-top: 3vh;
      font-size: 3vh;
    }
  }
  
  html,
  body {
    font-family: 'Roboto', sans-serif;
  } 

  #content a { 
    color: #1705ff !important;
  }
  #content a.btn-primary {
    color: #ffffff !important;
  }
  div.site li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
  }