<style>
html	{margin:0; padding:0;}
body {font-family: Georgia, Tahoma, Arial;  font-size: 12pt; margin: 0;  padding: 0; }
.centered {text-align:center;}
.green {color:#4CAF50;}
* {box-sizing: border-box;}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {float: left; width: 100%; padding: 5px;}
/* Clear floats after image containers */
.row::after {content: ""; clear: both; display: table;}


.thumbnail {position: relative; display: inline-block;}
.caption {position: absolute; top: 5%; left: 5%; text-align: left; font-size:0.9em; font-weight: bold; color:black; background: rgba(180, 240, 65, 1); width:40%; padding-left:5px;}

#contacts_section {display:block; max-width:600px; background: rgba(180, 240, 65, 0.7);margin-left: auto; margin-right: auto;}






.bookingbutton {background-color: #8FBC8F; border-radius:15px; color: white; padding: 15px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }
.centerbuttons {width:250px; margin-left: auto; margin-right: auto;}

/* initial setup */
#pagewrapper {width:300px; margin:auto;}
#svgtest {width:300px; margin:auto;}
header img {max-width:100%; height:auto; display:block; margin-left: auto; margin-right: auto;}
.fb_container {width:300px; margin-left: auto; margin-right: auto;}
.column img {display: block; width:300px;border: 2px solid white;}

/* desktop */
@media only screen and (min-width: 1200px)	{
#pagewrapper {width:1200px; margin:auto;}
header {max-width:600px;margin-left: auto; margin-right: auto;}
.slideshow-container {margin:auto;}

.fb_container {width:500px; margin-left: auto; margin-right: auto;}
.column img {width:100%;}
.caption {font-size:1.2em;}
.column {width:25%;}
}

/* laptop */
@media only screen and (min-width: 600px) and (max-width:1199px)	{
#pagewrapper {width:450px; margin:auto;}
.fb_container {width:450px; margin-left: auto; margin-right: auto;}
.column img {width:100%;}
.caption {font-size:1.0em;}
.column {width:50%;}
}


/* Slideshow container */
.slideshow-container {position: relative;max-width:400px;margin:auto;}

/* Fading animation */
.w1fading{animation:fading 10s infinite}
@keyframes fading{0%{opacity:0.1}50%{opacity:1}100%{opacity:0.1}}




/* Style the navigation menu */
.topnav {overflow: hidden; background-color: #333; position: relative;}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {display: none;}

/* Style navigation menu links */
.topnav a {color: white; padding: 10px 10px; text-decoration: none; font-size: 14px; display: block;}

.topnav span {color: white; padding: 10px 10px; text-decoration: none; font-size: 14px; display: block;}

/* Style the hamburger menu */
.topnav a.icon {background: black; display: block; position: absolute; right: 0; top: 0;}

/* Add a grey background color on mouse-over */
.topnav a:hover {background-color: #ddd; color: black;}

/* Style the active link (or home/logo) */
.active {background-color: #4CAF50; color: white;}

}
</style>