/*!
 * Start Bootstrap - Full (https://startbootstrap.com/template-overviews/full)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full/blob/master/LICENSE)
 */

body {
  background-color: white;
}
.title{
  margin-top: 30px;
}
#carousel{
	margin: 0 auto;
  max-width: 80vw;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3ms ease-in;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
  -webkit-tap-highlight-color: transparent;
  outline: none;
  outline-width: 0;
  box-shadow: none; /* If this is a box shadow - clear it with this */
}
.slick-slide{
	width: 100%;
}

.image-slide{
	text-align: center;
  height: 70vh;
}


.image-slide img, .image-slide video{
	display: inline;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.mail img{
  width: 30px;
}

.mail{
  position: fixed;
  bottom: 0;
  right: 0;
}

#video{
  height: 100%;
  max-width: 100%;
}

#carousel.transition{
  opacity: 1;
}

a, a:hover, a:visited, a:focus, a:link {
  color: white;
  padding: 20px;
}

a, div {
  outline: 0;
}

.flex-container{
  max-width: 100%;
}
.container{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
  height: calc(100vh - 65px);
}

@media (min-width: 468px) {
  .image-slide {
    height: 80vh;
  }
  .container{
    height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
  }
  a, a:hover, a:visited, a:focus, a:link {
    color: white;
    padding: 30px;
  }
}