/* Start basic function ================================================*/
:root {
    --white: #FBF8F6;
    --primary: #0088FF;
    --primary-hover: #0080F0;
    --black: #333333;
    --grey: #999999;
    --light-grey: #F2F2F7;
    --primary-font: "Inter Tight", sans-serif;
}

.container-md {
    max-width: 850px; 
    margin: 0 auto;    
    padding: 0 15px;     
}

.text-primary{
    color: var(--primary) !important;
}
.text-black{
    color: var(--black) !important;
}
/* End basic function ================================================*/

nav .menu-toggle{
    color: var(--black);
}

/* start header */
.header{
    overflow: hidden;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
}

.header-content{  
    padding-top: 8rem;
    position: unset;
}

.header .header-image{
    position: relative;
    overflow: hidden;
    height: clamp(25rem, calc(55vw + 1rem), 65rem);
    display: block;
}

.header-image img{
    width: 100%;
    height: 100%;        
    object-fit: contain;  
    object-position: top;
}

.header-image::after {
    content: none; 
}

.header .button {
    margin: 3rem;
}

@media (min-width: 1024px) {
    .header .button {
        margin: 0;
    }
}
/* end header */