/* montserrat-regular - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('fonts/montserrat.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/montserrat.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/montserrat.woff') format('woff'), /* Modern Browsers */
         url('fonts/montserrat.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/montserrat.svg#Montserrat') format('svg'); /* Legacy iOS */
  }

html {
  font-family: "Montserrat";
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
  }
  
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  /* Change the link color to #111 (black) on hover */
  li a:hover {
    background-color: #111;
  }

  .column {
    float: left;
    width: 25%;
    background-color:lightslategray;
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }