body, html {
    font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    line-height: normal; color: #000!important;
}

main {padding-top: 70px;}
.title {font-weight: bold;}

.navbar {background-color: #FFF; box-shadow: rgba(100, 100, 111, 0.2) 0px 2px 5px 0px;}
.navbar-toggler {padding: 0; border: 0;}
.navbar-toggler:focus {box-shadow: none;}
.nav-link, .navbar-brand {padding: 0;}
.navbar a {color: #000!important;}

#copyright {width: 100%; padding-top: 20px; padding-bottom: 20px; text-align: center; font-size: 16px;}

@media only screen and (min-width: 768px) {
    .navbar-nav .nav-link {padding-left: 15px!important;}
}

@media only screen and (max-width: 768px) {
    body, html {-webkit-text-stroke: 0.15px;} 
}

@media only screen and (min-width: 576px) {
    .navbar {padding: 10px 30px;}
    .navbar > .container-fluid {padding: 0;}
    .navbar-brand {font-size: 26px;}
    .nav-link {font-size: 20px; letter-spacing: 0.3px; text-transform: uppercase;}
    #copyright {padding-left: 30px; padding-right: 30px;}
}

@media only screen and (max-width: 576px) {
    .navbar {padding: 10px 15px;}
    .navbar-collapse {height: 100vh;}
    .collapse .navbar {background-color: #000;}
    .navbar>.container-fluid {padding: 0;}
    .navbar-nav {padding-top: 50px;}
    .navbar-brand {font-size: 22px;}
    .nav-item {padding-top: 20px; padding-bottom: 2px; margin-bottom: 20px;}
    .nav-link {font-size: 60px; letter-spacing: 0.2px;}
    #copyright {padding-left: 15px; padding-right: 15px;}
}