/* 
-----------------------------------------
HEADER
-----------------------------------------
*/


/*------ Home header section -------*/

.section-header-home {
  
    margin-bottom: 1.5rem;
    min-height: 100vh;
}



.top-element {
    display: flex;
    align-items: center;
    background-color: var(--primary-color-dark);
    height: 3rem;
}

    .top-element .top-inner {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        color: var(--text-white);
        align-items: center;
    }
        .top-element .top-inner svg {
            color: var(--primary-color-light);
            margin-right: 10px;
        }

        .top-element .top-inner a {
            font-weight: 400;
            padding: 5px;
        }

        .top-element .top-inner a:hover {
            color: #fff;
        }


/* ----- Other pages header section ---------- */
.section-header {
    margin-bottom: 1.5rem;
    min-height: 60vh;
}

 .section-header.container {
    max-width: 600px;
}

@media screen and (min-width: 992px) {
    .section-header {
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 1200px) {
    .section-header {
        margin-bottom: 2.25rem;
    }
}