header .header_header {
    width:100%;
    height: auto;

    transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
    display: flex;
    position:fixed;
    justify-content: space-between;
    align-items: center;
    padding: 1vh 0;
    background-color: rgb(36, 37, 42);
    transition: background-color 2s ease 0s;

    z-index: 100;
}

.header_sitename_cont {
    width: 45vh;
    margin-left: 2.5%;
    margin-right: 2.5%;
    text-decoration: none;

    display: flex;
    flex-flow: row;
    align-items: center;
}
.header_sitename_image {
    height: 7.5vh;
    margin-left: 5.5vw;
}
.header_sitename_text {
    font-size: 2.8vh;
    font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    color: #edf0f1;
    margin-left: 1vw;
}

.header_menu_cont {
    width: 100%;
    margin-left: 2.5%;
    margin-right: 2.5%;

    display: flex;
    flex-flow: row;
    justify-content: flex-end;
}
.header_menu_buttonsmobile,
.header_menu_buttonslight,
.header_menu_buttonsred,
.header_menu_buttonsblue,
.header_menu_buttonsorange{
    font-size: 2.2vh;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #edf0f1;
    text-transform: capitalize;
    padding: 0.2vh 1vh;
    margin: 0.2vh 1vh;
    text-decoration: none;
    transition: color 0.3s ease 0s;
}
.header_menu_buttonsmobile:hover,
.header_menu_buttonslight:hover,
.header_menu_buttonsred:hover,
.header_menu_buttonsblue:hover,
.header_menu_buttonsorange:hover{
    color: #0088a9;
}

.header_menu_buttonsmobile,
.header_menu_buttonslight{
    border-bottom: solid #edf0f1 0.3vh;
    transition: border 0.3s ease 0s;
}
.header_menu_buttonsmobile:hover,
.header_menu_buttonslight:hover{
    border-bottom: solid #0088a9 0.3vh;
}
.header_menu_buttonsmobile{
    display: none;
    cursor: pointer;
}
.header_menu_buttonsred{
    background-color: red;
    transition: background-color 0.3s ease 0s;
    border-radius: 0.6vh;
    text-transform: uppercase;

}
.header_menu_buttonsred:hover{
    background-color: darkred;
}
.header_menu_buttonsblue{
    background-color: darkcyan;
    transition: background-color 0.3s ease 0s;
    border-radius: 0.6vh;
    text-transform: uppercase;
}
.header_menu_buttonsblue:hover{
    background-color: darkblue;
}
.header_menu_buttonsorange{
    background-color: orange;
    transition: background-color 0.3s ease 0s;
    border-radius: 0.6vh;
    text-transform: uppercase;

}
.header_menu_buttonsorange:hover{
    background-color: darkorange;
}

@media (max-width: 810px) {
    .header_menu_buttonsmobile{
        display: block;
    }
    .header_menu_cont {
        display: none;
        flex-flow: column;
        justify-content: flex-start;

        width: 50vw;
        right: 0;
        top: 5vh;
        margin: 2vh 0%;
        position: absolute;
        background-color: rgb(36, 37, 42);
        border: solid black 0.6vw;
    }

}

@media screen and (orientation: landscape) { /* 19/9 DeskTop/Mobile */ 

    @media screen and (min-device-width: 1000px) and (orientation: landscape) { /* 19/9 DeskTop*/
  
    }
    @media screen and (max-device-width: 1000px) and (orientation: landscape) { /* 19/9 mobile*/
        .header_menu_buttonsmobile,
        .header_menu_buttonslight,
        .header_menu_buttonsred,
        .header_menu_buttonsblue,
        .header_menu_buttonsorange{
            font-size: 2.2vw;
        }
        .header_sitename_image {
            height: 5vw;
            margin-left: 5.5vw;
        }
        .header_sitename_text {
            font-size: 2.8vw;
            font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            font-weight: 700;
            color: #edf0f1;
            margin-left: 1vw;
        } 
    }
}