body {
    font-family: 'Lato', 'Helvetica', 'Arial', sans-serif;
}

#main_header {
    background: rgb(243,244,246);
    background: linear-gradient(0deg, rgba(243,244,246,1) 0%, rgba(243,244,246,1) 40%, rgba(0,0,0,1) 40%, rgba(0,0,0,1) 100%);
}

#header-container {
    background: rgb(240,182,0);
    background: linear-gradient(90deg, rgba(240,182,0,1) 0%, rgba(242,193,38,1) 100%);
}

#hero {
    min-height: 600px;
    background-image: url("../img/hader-m.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -60px;
}

@media (min-width: 768px) {
    #hero {
        background-position: center -150px;
    }
}

.text-shadow {
    text-shadow: 0 0 1px rgba(66, 68, 90, 0.7);
}