/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */

/*HEADER*/
#topBand {height: 96px;}
header {width: 100%; padding: 100px 0px 10px 0px; /* 960px / 1024px */}
h1#logo {width: 200px; left:1%;}
/*NAV*/
nav a {font-size: 175%; letter-spacing: 0.015em;}
nav#mainNav {margin-right: 3%;}
nav#mainNav ul li a {padding: 0.25em 0.35em;}
nav#langSelect {right:3%;}
nav#langSelect a {padding: 4em 0.75em 0.5em;}
.headPhone {top:162px; right: 3%; font-size: 1.25em;}

/*SLIDER*/
#sliderWrap {height: 600px;}
.sl-slider-wrapper {height: 600px;}
.sl-slider blockquote {padding: 225px 30px 10px 30px; width: 93.5%;}
.nav-dots-wrapper {bottom: 105px; right:3%; left: initial;}

/*BOOKING*/
#bookingTool {margin: 390px 0 1em 0;}
.bookingMargin {width: 94%; }
h2.titrBooking {font-size: 2em; padding: 0.25em 1.5em 0.15em 0.5em; top:-51px;}
.bookingTag {right: -18px; width: 78px; background-size: contain;}
.bookingTag p {line-height: 1em;}
.bookingForm {/*margin-left: -20px;*/}

/*CONTENT*/
#maincontent{width: 93.75%; /* 960px / 1024px */}
.maincontent{width: 93.75%; /* 960px / 1024px */}

/*FOOTER*/
footer {width: 93.75%; /* 960px / 1024px */}

@media only screen and (max-width: 800px) {
    #topBand {height: 76px;}
    header {padding: 103px 0px 10px 0px;}
    nav a {font-size: 165%;}
    .headPhone {font-size: 125%; top:155px;}
    #sliderWrap {height: 570px;}
    .sl-slider-wrapper {height: 570px;}
    .sl-slider blockquote {padding: 255px 30px 10px 30px; width: 93%;}
    .sl-slider blockquote.grosbq p {font-size: 375%;}
    .sl-slider blockquote.petitbq p {font-size: 2em;}
    .nav-dots-wrapper {bottom: 95px;}
    #bookingTool {margin: 360px 0 1em 0;}
    h2.titrBooking {font-size: 1.60em; top:-40px;}
    .bookingTag {right: -25px; width: 75px;}
    footer nav a {font-size : 75%;}
    footer p.copyright {font-size: 115%;}
    .map {margin-top: 5em;}
    .map, .map a {width: 320px; height: 127px;} 
    .map .adress {font : 115%/1.1 'Yanone Kaffeesatz', 'Lucida Grande', Lucida, 'sans-serif'; }
    
    .home article a.seemoreBtn { font-size: 0.9em; left:-0.75em; top:70%; padding: 0.15em 0.5em 0em 0.75em;}

}