.contact_textA,
.contact_textB,
.contact_textC {
    width: auto;
    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";
    color: #e0e6ed;
    font-size: 1.8vh;
    margin-left: 1.5vw;
    font-weight: 600;
    margin-top: 0.4vh;
    margin-bottom: 0.1vh;
}
.contact_textB,
.contact_textC {
    font-size: 2.2vh;
    margin-left: 3vw;
    font-weight: 800;
    margin-top: 0.0vh;
    margin-bottom: 0.4vh;
}
.contact_textC {
    display: none;
}

.contact_input1,
.contact_input2 ,
.contact_input3 {
    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-size: 1.8vh;

    width: 25vw;
    height: 3vh;
    margin-left: 3vw;
    margin-top: 0.6vh;
    margin-bottom: 0.8vh;

    background-color : #a8a8a8; 
}
.contact_input2 {
    width: 40vw;
}
.contact_input3 {
    width: 60vw;
    height: 20vh;
    resize: vertical; 
}

.contact_buttons_container{
    margin-left: 3vw;
    margin-top: 0.6vh;
}
.contact_buttons {
    border: none;
    cursor: pointer;
}

.contact_error,
.contact_success {
    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";
    color: #e0e6ed;
    font-size: 1.8vh;
    font-weight: 700;
    padding: 0.1vh 0.5vw;

    border: solid black 0.4vh;
    background-color: red;
}
.contact_success {
    background-color: darkgreen;
}

@media screen and (max-device-width: 1000px), screen and (orientation: portrait) { /* 9/16 mobile*/
    .contact_textA,
    .contact_textB,
    .contact_input1,
    .contact_input2,
    .contact_input3,
    .contact_buttons_container{
        display: none;
    }
    .contact_textC {
        display: block;
    }
}
@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*/
        .contact_textA,
        .contact_textB,
        .contact_input1,
        .contact_input2,
        .contact_input3,
        .contact_buttons_container{
            display: none;
        }
        .contact_textC {
            font-size: 2.2vw;
            display: block;
        }
    }
}