/* Page background-color (light grey) */
html {
    background-color: #dff1fa;
}

header {
    display: flex;
}

.container-languages {
  padding-top: 1.5em;
}
.container-header .container-search {
  padding-top: 1.5em;
}

/* Large devices */
@media (min-width: 991.98px){
  header{
      padding: 6px 10px;
  }
  .container-header .container-search {
    margin-top: 0;
    margin-right: 1em;
  }
  /* Back to top button */
  #back-top{
    bottom: 10px;
    right: 30px;
  }
}

.navbar-toggler {
    line-height: 1.5em;
    padding: 0.25rem 0.5rem;
}

@media (max-width: 991.98px){
  .container-header .mod-menu {
    margin-top: 5px;
  }
  .btn {
    margin-bottom: 0;
    padding: 0.5rem 0.5rem;
  }
  .form-control{
    padding: 0.5rem 0.6rem;
  }
  .container-header .container-search {
    margin-top: 0;
    margin-right: 0.5em;
  }
  .container-languages{
    margin-right: 0.5em;
  }
  header>div.grid-child {
    width: 60%;
  }
}
#back-top{
  opacity:0.8;
}

/* languages and search font size */
.btn {
  font-size: 0.9rem;
  }
.form-control{
  font-size: 0.9rem;
}

/* Space between bannerd bottom and text*/
.container-banner {
  margin-bottom:-1em;
}

/* hamburger menu */
.icon-menu::after {
	content: "Menu";
	text-transform: uppercase;
	font-size: 1em;
	padding-left: 10px;
	position: relative;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* small and medium devices */
@media (max-width: 1200px){
  .h1, h1{
    font-size: calc(1rem + 1.5vw);
  }
  .myclients{
    margin-bottom: 1em;
  }
}

/* Large devices */
@media (min-width: 1200px){
  .h1, h1{
    font-size: 2rem;
  }
  /* boat excursion table width */
  .table{
    width:95%;
  }
}
   
/* Footer (medium-large devices) */
@media (min-width: 500px) {
  .myclients{
    display: flex ;
    flex-direction: row;
  }
  footer>div>ul {
    display: inline-grid;
    grid-auto-flow: row;
    grid-gap: 35px;
    font-size:auto;
  }
}

/* margin top (small devices) */
@media only screen and (max-width: 600px) {
   /* ticket boat excursions table font size */
  .ttable{
    font-size:12px;
  }
  /*boat excursions table font size */
    .wtable{
    font-size:12px;
  }

}

/* Sidebar (small devices) */
@media only screen and (max-width: 991px) {
  ul.mysidebar{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-auto-rows: 40px;
    grid-gap: 10px;
    word-wrap: break-word:
  }
  ul.mod-articleslatest.latestnews.mod-list.mysidebar{
    display:flex;
    flex-direction:column;
  } 
}

/* myheaderimage */
.my-header-image {
  width: 100%;
  height: auto;
  border: 1px solid #000000;
}

/* acc. card images */
.accommodation-card-image {
  margin: 0px 20px 5px;
  float: left;
  border: 1px solid #000000;
}

/* booking box */
.booking-box {
  width: 350px;
  height: auto;
}