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

.grey section {
 padding: 0px 0px 0px 0px;
}


/*____________________________________________________________________________________________________________________________ ILUSTRACE___*/
.ilustrace {
 background-image: url("/img/ilustrace.jpg");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center top;
 height: 190px;
}
.ilustrace div {
 margin: auto;
 padding: 60px 20px 0px 0px;
 max-width: 1100px;
 color: #eeeeee;
 font-size: 22px;
 font-weight: 600;
 text-align: right;
}
.ilustrace span {
 color: #ffffff;
 font-size: 30px;
 font-weight: 600;
}


/*____________________________________________________________________________________________________________________________ KONTAKTY___*/
.box_kontakty div {
 padding: 15px 0px 15px 0px;
 width: 100%;
 color: #ffffff;
 font-size: 24px;
 font-weight: 400;
 text-align: center;
 float: none;
}


/*____________________________________________________________________________________________________________________________ OBSAH___*/
ul {
   margin: 30px 0px 0px 0px;
   padding: 0px 0px 0px 20px;
}


/*____________________________________________________________________________________________________________________________ FOTOGALERIE___*/
.fotogalerie {
 margin: auto;
 padding: 0px 0px 0px 0px;
 max-width: 95%;
}
.fotogalerie img {
 max-width: 48%;
}


/*____________________________________________________________________________________________________________________________ FORM___*/
.pole {
 width: 90%;
}
.textpole {
 width: 90%;
}
.label {
 padding-right: 30px;
 width: 80%;
 text-align: left;
 float: none;
}


/*____________________________________________________________________________________________________________________________ OBECNE___*/
.box50 {
 margin: auto;
 padding-top: 15px;
 width: 95%;
 float: none;
}
.box50 img {
 width: 100%;
}

}