body{background:#fff; font-size:14px; line-height:24px; color:#333; font-family:Arial, Helvetica, sans-serif;}
h1{ font-size:20px; line-height:24px; margin:0; padding:1px 0; text-transform:uppercase;}
h2{ font-size:18px; line-height:24px; margin:0; padding:1px 0;}
p{ margin:0;}
.greycontainer{ background:#f1f1f1; box-shadow:0 0 5px rgba(0,0,0,0.2); padding:30px;}
.header, .footer{ margin:20px 0;}
.header img{ max-width:100%;}
.displayrow{ padding:5px 0;}
.dottedborder{ border:1px dashed #999; padding:15px;}
.dottedborder .col-xs-6{ padding:3px 15px;}
.booking{ font-size:16px; color:#9c9999;}
.number{ font-size:24px; font-weight:bold; margin-top:8px;}
.bigfont{ font-size:14px; color:#000;}
.cancellation{ width:290px; margin:auto;}
.cancellation input[type=text]{ padding:6px 10px; border:1px dashed #999; width:100%; background:none; border-radius:4px; margin:10px 0;}
.cancellation input[type=submit]{ padding:6px 15px; font-size:16px; text-transform:uppercase;}

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

}

@media only screen and (max-width:991px){
.roomimg{ width:350px; margin:20px auto 0;}
}

@media only screen and (max-width:767px){
.thankyou{ text-align:center; padding-bottom:20px;}
.topnumber{ width:200px; margin:auto;}
}

@media only screen and (max-width:479px){
.greycontainer{ padding:15px;}
.roomimg{ width:250px;}
.dottedborder .col-xs-5, .dottedborder .col-xs-7{line-height:18px; padding:8px 10px;}
.dottedborder .col-xs-6{padding:3px 10px;}
}

@media (min-width: 1200px)
{
    .container {
    width: 1000px !important;
}


}