@font-face {
  font-family: "roboto";
  src:url("../fonts/Roboto-Regular.ttf");
}

@font-face {
  font-family: "raleway-thin";
  src:url("../fonts/Raleway-Thin.ttf");
}

@font-face {
  font-family: "raleway-light";
  src:url("../fonts/Raleway-Light.ttf");
}

@font-face {
  font-family: "raleway-extralight";
  src:url("../fonts/Raleway-ExtraLight.ttf");
}

html {
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    display: none;
}

body {
    margin: 0;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

#login_text {
  color: white;
  letter-spacing: 1px;
  font-family: roboto;
  font-size: 23px;
  margin: 55px 0 0 0;
}

#hg1 {
    display: inline-grid;
}

#footer {
    grid-template-columns: auto;
}

@media only screen and (min-width:800px) {
    #hg1 {
        grid-template-columns: 125px 250px 125px;
        grid-template-rows: auto;
        justify-content: space-between;
    }

    #hg1_logo > a > img {
        width: 250px;
        margin: 45px 0 20px 0;
    }

    #login_text {
        font-size: 23px;
        margin: 55px 0 0 0;
    }
}

@media only screen and (max-width:799px) {
    #hg1 {
        grid-template-columns: 200px;
        grid-template-rows: auto 125px auto;
        justify-self: center;
    }

    #login_text {
        font-size: 22px;
        margin: 0 0 0 0;
        text-align: center;
    }    

    #hg1_logo > a > img {
        width: 220px;
        margin: 45px 0 0 0;
    }
}