@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../webfonts/Lato-Light.ttf');
    src: local('latobold'),
        url('../webfonts/Lato-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 500;
    src: url('webfonts/Lato-Regular.ttf');
    src: local('latoregular'),
        url('../webfonts/Lato-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 600;
    src: url('../webfonts/Lato-Bold.ttf');
    src: local('latobold'),
        url('../webfonts/Lato-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 800;
    src: url('../webfonts/Lato-Black.ttf');
    src: local('latoblack'),
        url('../webfonts/Lato-Black.ttf') format('truetype');
}

body{
    color: #4A4A4A;
    letter-spacing: -.021em;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 14px;
}
@media (min-width: 576px) {
    body{
        font-size: 18px;
    }
}
.height-100{
    min-height: calc(100vh);
    position: relative;
    padding: 0;
}
.pt-6{
    padding-top: 6rem;
}
.pb-6{
    padding-bottom: 6rem;
}
@media (min-width: 576px) {
    .navbar-brand {
        position: absolute;
        left: 50%;
        margin-left: -50px !important;
        display: block;
    }
    .w-sm-100{
        width: 100%;
    }
}
.btn:hover{
    -webkit-box-shadow: 0px 0px 9px 3px rgba(255,206,91,1);
    -moz-box-shadow: 0px 0px 9px 3px rgba(255,206,91,1);
    box-shadow: 0px 0px 9px 3px rgba(255,206,91,1);
}
.footer{
    background-color: #222;
}
.footer-bottom{
    background-color: #171717;
}