@font-face {
    font-family: kim;
    src: url(../assets/kimberley.otf);
}

@font-face {
    font-family: aldo;
    src: url(../assets/aldo.ttf);
}

@font-face {
    font-family: creato;
    src: url(../assets/creato.otf);
}


body {
    margin: 0;
}

.nav {
    display: inline-block;
    width: 100%;
}

.nav-links {
    decoration: none;
    list-style-type: none;
    position: relative;
    right: 18px;
    top: 15px;
    font-size: 1.2rem;
    font-family: aldo;
}

.nav li {
    display: inline;
    margin-left: 7px;
    margin-right: 7px;
}

.nav a {
    text-decoration: none;
    color: black;

}

.nav a:visited {
    text-decoration: none;
    color: black;

}

.home-link {
    border-right: black 2px dotted;
    padding-right: 15px;
    letter-spacing: 2px;
    font-family: kim;
}

.mobile-home-link {
    display: none;
    letter-spacing: 2px;
    font-family: kim;
    text-align: center;
    position: relative;
    top: 22px;
}

.nav-links .contact-link {
    display: none;
}

.navr {
    float: right;
    font-size: .8rem;
    position: relative;
    bottom: 21px;
    font-family: creato;
}

.navr img {
    width: 17px;
    height: 17px;
    position: relative;
    top: 4px;
    margin-right: 5px;

}


@media screen and (max-width: 780px) {
    .navr {
        display: none;
    }

    .nav-links .contact-link {
        display: inline;
    }
}

@media screen and (max-width: 700px) {

    .nav-links .home-link {
        display: none;
    }

    .nav-links {
        text-align: center;
    }

    .mobile-home-link {
        display: block;
    }

}