*{
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;   
}

:root{
    --accent_color_1: rgb(31, 30, 44);
    --accent_color_2: rgb(241, 242, 247);

    --progress_card_col: rgb(250, 250, 250);
    --accent_color_info: rgba(31, 30, 44, 0.582);

    /* Font Colors */
    --font_color_1: black;
    --font_color_2: aliceblue;
}

nav{
    height: 9vmin;
    width: 100%;
    background-color: var(--accent_color_1);
}

.home_intro_section{
    width: 100%;
    height: 90vmin;
    background-image: url('src/img/_DSC5856.JPG');
    background-size: 100%;
    background-position-y: 50%;
    display: flex;
    flex-direction: row;
    background-attachment: fixed;
}
.home_intro_content{
    width: 100%;
    height: 100%;
    justify-self: flex-end;
    backdrop-filter: contrast(50%) brightness(190%);

}
.home_content_message{
    width: 100%;
    height: 100%;
    backdrop-filter: blur(90px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 5vmin;
    letter-spacing: 3px;
    
}
.home_content_message p{
    font-size: 2vmin;
    font-weight: 900;
}
.under_title{
    font-size: 3vmin;
    letter-spacing: 10px;
}
.information_section{
    background-image: url('src/img/_DSC5856.JPG');
    width: 100%;
    height: 85vmin;
    background-size: 110%;
    background-position-y: 50%;
    background-attachment: fixed;
    color: var(--font_color_2);
    font-size: 4vmin;
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.information_section_content{
    display: flex;
    align-items: center;
    text-align: center;
    width: 50%;
    height: 100%;
    margin: 2.5%;
    padding: 2%;
    background-color: var(--accent_color_info);
    backdrop-filter: blur(20px);
    padding: 0.2%;
    font-size: 3.5vmin;
}













.home_processes_section{
    width: 100%;
    height: 75vmin;
    display: flex;
    flex-direction: column;
    font-size: 5vmin;
    font-weight: 900;
    align-items: center;
    color: var(--font_color_1);
    background-color: var(--accent_color_2);
    padding-top: 1rem;
}
.processes_card_div{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    font-size: 2vmin;
    text-align: center;
    color: var(--accent_color_1);
    justify-content: space-around;
}
.process_card{
    height: 95%;
    width: 25%;
    display: Flex;
    flex-direction: column;
    padding: 1vmin;
    background-color: var(--progress_card_col);
    filter: drop-shadow(0px 4px 2px gray);
    align-items: center;
    justify-content: center;
}
.process_img_logo{
    height: 15vmin;
    width: 15vmin;
}
.contact_section{
    display: flex;
    align-items: center;
    justify-content:center;
    width: 100%;
    height: 90vmin;
    background-image: url('src/img/_DSC5856.JPG');
    background-size: 110%;
    background-position-y: 50%;
    background-attachment: fixed;
}
.contact_section_contact{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 70%;
    height: 90%;
    background-color: var(--accent_color_info);
    backdrop-filter: blur(20px);
    color: var(--accent_color_2);
    font-size: 4vmin;
}
.contacts_div{
    width: 75vmin;
    height: 45vmin;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    font-size: 3vmin;
}
.contacts_emails{
    font-size: 4vmin;
}


/* ############## MEDIA QUERIES ################ */
@media screen and (max-device-width: 1400px) and (min-device-width: 1100px){
    .information_section_content{
        font-size: 3.5vmin;
        margin: 2.5%;
        padding: 0.50%;
        overflow-x: hidden;
        width: 70%; 
    }
    .contacts_emails{
        font-size: 4.5vmin;
    }

}
@media screen and (max-device-width: 1100px) and (min-device-width: 900px){
    .information_section_content{
        font-size: 3vmin;
        margin: 5%;
        overflow-x: hidden;
        width: 90%; 
    }

}


@media screen and (max-device-width: 900px) and (min-device-width: 820px){
    .information_section_content{
        font-size: 3vmin;
        margin: 5px;
        overflow-x: hidden;
        width: 90%; 
    }
}



@media screen and (max-device-width: 820px) and (min-device-width: 700px){
    .home_intro_section{
        background-repeat: no-repeat;
        background-size: 200%;
        background-attachment: initial;
    }
    .information_section{
        background-size: 150%;
        background-repeat: no-repeat;
        background-attachment: initial;
    }
    .information_section_content{
        width: 100%;
        font-size: 3.5vmin;
    }
    .contact_section{
        background-repeat: no-repeat;
        background-attachment: initial;
        background-size: 150%;
    }
 
}
@media screen and (max-device-width: 819px) and (min-device-width: 421px){
    .home_intro_section{
        background-repeat: no-repeat;
        background-size: 150%;
        background-attachment: initial;
    }
    .home_content_message{
        align-items: center;
        justify-content: center;
        letter-spacing: 1px;
    }
    .under_title{
        letter-spacing: 1px;
    } 
    .information_section{
        background-size: 150%;
        background-repeat: no-repeat;
        background-attachment: initial;
    }
    .information_section_content{
        width: 100%;
        font-size: 3.5vmin;
    }
    .contact_section{
        background-repeat: no-repeat;
        background-attachment: initial;
        background-size: 150%;
    }

}
@media screen and (max-device-width: 420px) and (min-device-width: 280px){
    .home_intro_section{
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-y: -150%;
    }
    .home_content_message{
        align-items: center;
        justify-content: center;
        letter-spacing: 1px;
    }
    .under_title{
        letter-spacing: 1px;
    } 




    .information_section{
        background-size: 150%;
        background-repeat: no-repeat;
        background-attachment: initial;
    }
    .information_section_content{
        width: 100%;
        font-size: 3.5vmin;
    }
    .contact_section{
        background-repeat: no-repeat;
        background-attachment: initial;
        background-size: 150%;
    }

}