.dispnone {display: none;}
.levaya {width: 40%; min-width: 300px; padding: 90px 10px 0 10%; float: left;}
.pravaya {width: 40%; min-width: 300px; padding: 90px 7% 0 0; float: right;}
.prav_text {color: #000; font-family: 'Lobster', cursive; font-size: 1.5em; line-height: 120%; text-align: center; text-shadow: 2px 2px 2px #b5b5b5;}
#label_contact {width: 30%; padding: 20px 0 0 7%; text-align: left; float: left; font-size: 1.2em; font-weight: bold;}
#dann_contact {width: 50%; padding: 20px 0 0 30px; text-align: left; float: left; font-size: 1.2em;}
#label_contact p, #dann_contact p, #kont_form p, label {font-family: Trebuchet MS; font-size: 1em; font-style: italic; color: #555; text-shadow: 3px 3px 10px #555;}
#name3, #email3, #phone3, #vopros3 {width: 80%; padding: 0 0 0 10px; margin: 2px 0 0 30px; box-shadow: 5px 5px 5px 2px #a7a7a7;}
#vopros3 {height: 150px; padding-top: 5px;}

@media screen and (max-width: 1200px) {
.prav_text {font-size: 1em;}
}
@media screen and (max-width: 800px) {
.rama4 {background: rgba(255, 255, 255, 0.7); height: 100%; border: 1px solid #000000; border-radius: 10px;}
.pravaya, #label_contact, .img_none {display: none;}
#dann_contact {width: 100%; padding: 0; text-align: center; float: none; font-size: 1em;}
.levaya {width: 100%; min-width: 300px; padding: 0; float: none;}
.dispnone {display: block; margin: 20px auto;}
}