@font-face {
  font-family: Parma;
  src: url('fonts/Parma.woff');
}

@font-face {
  font-family: AvenirL;
  src: url('fonts/AvenirL.woff');
}

.booking-form{
width: 90%;
padding: 5%;
margin-top: 8px;
font-size: 13px;
border:1px solid #ccc;	
background-color: #f9f9f9;
border-radius: 8px;
font-family: AvenirL;	
}

.booking-dates{
width: 91%;
padding: 4.5%;
margin-top: 0px;
}

.booking-form label{
width: 35%;
float: left;
text-align: left;
}

.booking-form h2{
margin-top: 0px;
margin-bottom: 20px;	
text-align: left;
font-size: 22px;	
}

#arrivaldate, #departuredate{
border:1px solid #ccc;	
width: 43%;
padding: 2% 2%;
margin: 0 !important;	
float: left;
font-size: 12px;
}

#departuredate{
float: right;
}	

.booking-form input[type=text], .booking-form input[type=email], .booking-form textarea{
border:1px solid #ccc;	
width: 58%;
margin-left: 2%;
padding: 8px 2%;
font-size: 13px;
font-family: AvenirL;
color: #333;
}

.booking-form select{
padding: 3px;
border:1px solid #ccc;	
color: #333;
font-family: AvenirL;
margin-left: 2%;
}

.booking-form input, .booking-form textarea, .booking-form select{
border-radius: 5px;
}

#country{
width: 62%;
padding: 8px 3px;
}

p{
font-family: AvenirL;
}


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

.booking-form{
float: none;
text-align: left !important;
font-size: 15px;
}	
	
.booking-form label{
float: none;
width: auto;
}
	
#arrivaldate, #departuredate{
font-size: 15px;
}
	
	
.booking-form input[type=text], .booking-form input[type=email], .booking-form textarea{
width: 96%;
margin: 0;
font-size: 15px;
}
	
.booking-form select{
width: 100% !important;
height: 40px;
border:1px solid #ccc;	
color: #333;
font-family: AvenirL;
margin: 0;
font-size: 15px;
background: #fff;
}
	
}