body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

a, p a {
    transition: color .3s ease-in-out;
}

.h1, h1 {
    font-size: 1.9rem;
    text-transform: uppercase;
}

#website-menu {
    background: #233539;
}

html {
    scroll-behavior: smooth;
}

.website-navigation {
    text-align: center;
    text-transform: uppercase;
}

.website-navigation a {
    color:          #ffffff;
    font-size:      1.2em;
    max-width:      80%;
    width:          100%;
    display:        inline-block;
    border-bottom:  1px solid #ffffff;
    margin:         0rem auto 0.5rem auto;
    padding-bottom: 1rem;
    text-transform: uppercase;
}

.website-navigation a:hover {
    color: #bdd532;
}

#homepage-top-image-container {
    position: relative;
    overflow: hidden;
}

#homepage-top-image-overlay {
    position:   absolute;
    z-index:    2;
    top:        0;
    right:      0;
    bottom:     0;
    left:       0;
    background: rgba(0, 0, 0, 0.3);
}

.over-menu-company-logo {
    text-align: center;
}

#homepage-top-image-logo {
    position:  absolute;
    top:       50%;
    left:      50%;
    transform: translate(-50%, -50%);
}

#homepage-company-about-section {
    background: #a7a9ac;
    color:      #ffffff;
}

#homepage-departments {
    background: #e7e7e8;
}

#instagram-load-more-btn {
    margin-top:  1rem;
    color:       #233539;
    font-weight: bold;
    font-size:   1.5em;
    background:  #ffffff;
    border:      2px solid #4b595d;
    padding:     5px 15px;
}

#homepage-submit-section {
    background: #999999;
}

#footer-section {
    background:     #4b595d;
    padding-top:    6em;
    padding-bottom: 7em;
}

#homepage-submit-section-btn, #homepage-submit-section-btn:hover {
    text-decoration: none;
}

#homepage-submit-section h1 {
    font-weight:   400;
    color:         #333333;
    margin-bottom: 1.2em;
}

#homepage-submit-section-btn, #homepage-submit-section-btn {
    padding:        10px 40px;
    background:     #38474a;
    color:          #ffffff;
    font-size:      1.1em;
    font-weight:    800;
    letter-spacing: 5px;
    text-transform: uppercase;
}

#footer-left-column {
    border-right: 1px solid #ffffff;
}

#footer-right-column {
    border-left: 1px solid #ffffff;
}

#footer-social {
    margin-bottom: 2em;
}

#footer-social h4, #footer-contact h4 {
    font-weight:    500;
    letter-spacing: 3px;
}

#footer-social h4 {
    margin-bottom: 15px;
}

#footer-contact input {
    border:        none;
    border-radius: 5px;
    padding:       5px 20px 5px 10px;
}

#footer-contact button, #footer-contact button:hover, #footer-contact button:focus, #footer-contact button:active {
    border:        none;
    border-radius: 5px;
    background:    #4b595d;
    color:         #ffffff;
    position:      absolute;
    right:         5px;
    top:           50%;
    font-weight:   700;
    transform:     translateY(-50%);
    padding-right: 20px;
    padding-left:  20px;
    cursor:        pointer;
}

#footer-social-container a {
    font-size:     1.4em;
    color:         #4b595d;
    background:    #ffffff;
    margin-right:  10px;
    display:       inline-block;
    border-radius: 15px;
    width:         40px;
    height:        40px;
    text-align:    center;
    line-height:   1.7;
}

#footer-social-container a:hover {
    text-decoration: none;
}

#instagram-load-more-btn {
    cursor: pointer;
}

.instagram-post {
    max-height: 200px;
}

.instagram-post img, .instagram-post video {
    object-fit: cover;
    width:      100%;
    height:     100%;

}

.instagram-fancy img, .instagram-fancy video {
    position:  relative;
    max-width: 100%;
}

.instagram-post .instagram-post * {
    cursor: pointer;
}

.instagram-overlay {
    position:   absolute;
    display:    none;
    top:        0;
    right:      0.25rem;
    bottom:     0;
    left:       0.25rem;
    z-index:    10;
    background: rgba(0, 0, 0, 0.25);
    cursor:     pointer;
}

.instagram-post:hover .instagram-overlay {
    display: inline-block;
    cursor:  pointer;
}

.instagram-icon {
    position:  absolute;
    top:       50%;
    left:      50%;
    transform: translate(-50%, -50%);
    color:     #ffffff;
    font-size: 20px;
}

.website-navigation.mobile a {
    font-size: 5em;
}

#mobile-menu-hamb {
    display: none;
}

.website-navigation.mobile a {
    font-size: 2em;
}

@media screen and (max-width: 850px) {
    .container-fluid {
        padding-left:  0;
        padding-right: 0;
    }

    #homepage-top-image-logo {
        max-width: 25%;
    }

    .row {
        margin-left:  0 !important;
        margin-right: 0 !important;
    }

    #mobile-menu-hamb {
        display: inline-block;
    }

    #website-menu {
        display: none;
    }

    .instagram-post {
        max-height: 350px;
    }
    #footer-section {
        padding-top: 2em;
        padding-bottom: 4em;
    }
    #footer-left-column{
        border:none;
    }
    #footer-right-column{
        border:none;
        text-align: center;
    }
}