#contact-form{
        
      background-color:#d1d1d1;
        font-family: 'Bebas Neue';
      font-size:15px;
      padding:20px;
      padding-left:80px;
      color:#000;
      font-weight:600;
      height:550px;
      overflow:hidden;
}

#successfullEmail{  height:0px; }

#wrongEmail{ height:0px; }

.hidden-successfull-email{

    height:0px;
    opacity:0

}

.showed-successfull-email{
    
    height:240px;
    opacity:1

}

.hidden-wrong-email{

    height:0px;
    opacity:0

}

.showed-wrong-email{

    height:240px;
    opacity:1

}

@media only screen and (max-width: 800px) {

    #contact-form{
            
        background-color:#d1d1d1;
        font-family: "Bebas Neue";
        font-size:15px;
        padding:20px;
        color:#000;
        font-weight:600;
        height:550px;
        overflow:hidden;
    }
    
    input {
        padding: 10px;
        font-size: 30px;
        font-family: "Bebas Neue";
    }

    #successfullEmail{  height:0px; }

#wrongEmail{ height:0px; }

.hidden-successfull-email{

    height:0px;
    opacity:0

}

.showed-successfull-email{
    
    height:240px;
    opacity:1

}

.hidden-wrong-email{

    height:0px;
    opacity:0

}

.showed-wrong-email{

    height:240px;
    opacity:1

}


}