@font-face {
  font-family: 'Roboto';
  src: url('https://coverjunkies.com/fonts/Roboto-Light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Roboto', sans-serif;
}

h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}


* {
    box-sizing: border-box;
}

   h1 {
  display: none;
}

.all-columns {
    float: left;
    width: 33.33%;
    padding: 1px;
    min-height: 250px;
    text-align: center;
    margin-left: 190px;
    margin-right: -380px;
}

.all-rows:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 768px) {
    .all-columns {
        width: 100%;
    }

    }

    h4{
        text-align: center;
    }

    .navbar ul{
        list-style-type: none;
        background-color: gray;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
    }

    .navbar a{
        color: white;
        text-decoration: none;
        padding: 15px;
        display: block;
        text-align: center;
    }

    .navbar a:hover{
        background-color: blue;

    }
    .navbar li{
        float:left;
    }