/* ==========================================================================
   Author's custom styles
   ========================================================================== */



  body {
                padding-top: 75px;
                padding-bottom: 40px;
            }
            .intro {font-weight:bold;font-size:120%;}
            .hero-accommodation  {background:url('../images/rooms/1.jpg');}
 .hero-home  {background:url('../images/front/1.jpg');}
 .hero-gallery  {background:url('../images/balcony/024.jpg');}
 .hero-reservations  {background:url('../images/backgrounds/reservations.jpg') bottom;}
 .hero-area  {background:url('../images/backgrounds/area.jpg') bottom;}
footer {font-size:90%;}

.hero-unit h1,.hero-unit h1 {color:#fff;text-shadow: 3px 3px #000;}
.gallery #content {opacity:1}
.gallery img {width:1000px;vertical-align: middle;margin-bottom:4px;}
.gallery #inner-content {margin-right:0 !important;padding-right:7px;}
.gallery {max-width:800px;margin:auto;}
.error {color:red;}
.map {width:506px;border:1px solid #000;}
.googleMapWrapper {float:left;padding:3px;border:1px solid #000;margin-right:5px;margin-bottom:10px;}
.social-lnks {display:table;margin:10px auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.social-lnk {display:table-cell;padding:15px 20px 12px 20px;font-size:20px;}
.lnk-social {color:#333;}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
  .hero-unit {padding:10px !important;}
  h1 {font-size:190% !important;}}