
.infobox_container {
    width:98%;
    border: solid 0.3vh black;
    margin-bottom: 0.4vh;
    display: flex;
    flex-direction: row;
    align-items:start;

    text-decoration: none;
}
.infobox_image_container {
    height: 100%;
    display: flex;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
}
.infobox_image_image {
    width: 18vw;
}

.infobox_text_container {
    width: 100%;
    text-align: center;
    padding: 0 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
}

.infobox_text_title {
    width: auto;
    font-size: 3vh;
    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: 800;
    color: #e0e6ed;
    padding: 0 0 0.2vh 1.6vw;
}
.infobox_text_infolist {
    width: 100%;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    margin: 0 0 0 2.5%;
}
.infobox_text_info {
    margin: 0.2vh 0.4vw 0.2vh 0.4vw;
    padding: 0.2vh 1vw 0.2vh 1vw;
    background-color: #446570;
    border-radius: 1vh;
    text-align: center;
    align-items: center;
    font-size: 1.6vh;
    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: 600;
    color: Tan;
}

.infobox_text_text {
    width: auto;
    min-height: 5.8vw;
    font-size: 1.6vh;
    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: 500;
    color: #e0e6ed;
    padding: 0 0 0 2.6vw;
    text-align: left;
}
.infobox_text_date {
    width: auto;
    font-size: 1.4vh;
    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: 500;
    color: darkkhaki;
    width: 99%;
    text-align: end;
}

.infobox_container_buttons {
    width:98%;
    margin-top: 0.6vh;
    margin-right: 0.4vw;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;

    text-decoration: none;
}


@media (max-width: 810px) {
    .infobox_image_container {
        height: auto;
    }

}

@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*/
        .infobox_image_container {
            height: auto;
        }
        .infobox_text_title {
            font-size: 3vw;
        }
        .infobox_text_info {
            font-size: 1.6vw;
        }
        
        .infobox_text_text {
            min-height: 5.8vw;
            font-size: 1.6vw;
        }
        .infobox_text_date {
            font-size: 1.4vw;
        }
    }
}