/*************************
/* FOOTER */
#footer {
  /* height is set in sectional css files */
  /* height: 765px; */
}



.parallax {
  /* The image used */
  background-image: url("../../../media/photos/the_boat.bg.jpg");

  /* Set a specific height */
  /* min-height: 648px;  */
  height: 100vh;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
}

.parallax .container{
  padding-top: 30vh;
  padding-left: 2vw;
  padding-right: 2vw;
}

.parallax .container .alert{
  background-color: rgb(254, 254, 254, 0.9);
}

.otto-2{
  border-radius: 50%;
  max-height: 360px;
}

#get_in_touch{
  /* The image used */
  background-image: url("../../../media/photos/harbour_view.bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  margin-bottom:1435px;
}

#get_in_touch .container{
  padding-top: 30vh;
  padding-left: 2vw;
  padding-right: 2vw;
}

#get_in_touch .container .alert{
  background-color: rgb(0, 0, 0, 0.2);
}

#get_in_touch .container .alert h2{
  color: white;
}

@media (min-width: 576px) {
  .parallax .container,
  #get_in_touch .container
  {
      padding-top: 40vh;
  }
}


@media (min-width: 768px) {
  #get_in_touch{
    margin-bottom:645px;
  }
  .parallax .container,
  #get_in_touch .container
  {
    padding-left: 4vw;
    padding-right: 4vw;
  }

}

@media (min-width: 992px) {
  #get_in_touch{
    margin-bottom:715;
  }


  .parallax .container,
  #get_in_touch .container
  {
    padding-left: 6vw;
    padding-right: 6vw;
  }

}