@charset "ISO-8859-1";

@media (max-width: 640px){
	
	.deepdivecontainer {width: 100%; height: calc(50vh); padding: 2em; background: rgba(255, 255, 255, 1); }
	.deepdivecontainer h2 {width: 98%; margin-left: auto; margin-right: auto; text-align: center; 
							font-family: 'Brush Script MT', 'Segoe Script', 'Lucida Handwriting'; 
							color: rgba(242, 250, 2, 0.7); font-size: calc(3vw); }
	.deepdivecontainer h2 a {color: rgba(242, 250, 2, 0.7); }
	.deepdivecontainer h3 {width: 98%; margin-left: auto; margin-right: auto; font-family: arial, sans-serif; font-size: calc(1.1vw); }
	.deepdivecontainer p {width: 98%; margin-left: auto; margin-right: auto; font-family: arial, sans-serif; font-size: calc(1vw); }
	.deepdivecontainer ul {width: 60%; margin-left: auto; margin-right: auto; }
	.deepdivecontainer ul li {font-family: arial, sans-serif; font-size: calc(1vw); }
	
	.contactformbutton {text-align: center; margin-bottom: 2em; }
	.contactform {padding: 1em; }
	.contactform form {padding:0; margin: 0; width: 30em; margin-left: auto; margin-right: auto; text-align: center; }
	.contactform form textarea {padding:0; margin: 0; width: 30em; height: 6em; }
	.contactform form input {margin-top: 1em; }
	
	#footer {width: 100%; }
	#footer p.info {text-align: center; }
	
	#socialmediamaster {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
	#socialmediamaster a {display: flex-item; }
	
}
@media (min-width: 640px) {
	
	.deepdivecontainer {width: 100%; height: calc(84vh); padding: 2em; background: rgba(255, 255, 255, 1); }
	.deepdivecontainer h2 {width: 98%; margin-left: auto; margin-right: auto; text-align: center; 
							font-family: 'Brush Script MT', 'Segoe Script', 'Lucida Handwriting'; 
							color: rgba(242, 250, 2, 0.7); font-size: calc(3vw); }
	.deepdivecontainer h2 a {color: rgba(242, 250, 2, 0.7); }
	.deepdivecontainer h3 {width: 98%; margin-left: auto; margin-right: auto; font-family: arial, sans-serif; font-size: calc(1.1vw); }
	.deepdivecontainer p {width: 98%; margin-left: auto; margin-right: auto; font-family: arial, sans-serif; font-size: calc(1vw); }
	.deepdivecontainer ul {width: 60%; margin-left: auto; margin-right: auto; }
	.deepdivecontainer ul li {font-family: arial, sans-serif; font-size: calc(1vw); }
	
	.contactformbutton {text-align: center; margin-bottom: 2em; }
	.contactform {padding: 1em; }
	.contactform form {padding:0; margin: 0; width: 30em; margin-left: auto; margin-right: auto; text-align: center; }
	.contactform form textarea {padding:0; margin: 0; width: 30em; height: 6em; }
	.contactform form input {margin-top: 1em; }
	
	#footer {width: 100%; }
	#footer p.info {text-align: center; }
	
	#socialmediamaster {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
	#socialmediamaster a {display: flex-item; }
	
}
@media (min-width: 1200px) {
	
	.deepdivecontainer {width: 100%; height: calc(146vh); padding: 2em; background: rgba(255, 255, 255, 1); }
	.deepdivecontainer h2 {width: 60%; margin-left: auto; margin-right: auto; text-align: center; 
							font-family: 'Brush Script MT', 'Segoe Script', 'Lucida Handwriting'; 
							color: rgba(2, 250, 242, 0.9); font-size: calc(3vw); }
	.deepdivecontainer h2 a {color: rgba(2, 250, 242, 0.9); }
	.deepdivecontainer h3 {width: 60%; margin-left: auto; margin-right: auto; font-family: arial, sans-serif; font-size: calc(1.1vw); }
	.deepdivecontainer p {width: 60%; margin-left: auto; margin-right: auto; font-family: arial, sans-serif; font-size: calc(1vw); }
	.deepdivecontainer ul {width: 60%; margin-left: auto; margin-right: auto; }
	.deepdivecontainer ul li {font-family: arial, sans-serif; font-size: calc(1vw); }
	
	.contactformbutton {text-align: center; margin-bottom: 2em; }
	.contactform {padding: 1em; }
	.contactform form {padding:0; margin: 0; width: 30em; margin-left: auto; margin-right: auto; text-align: center; }
	.contactform form textarea {padding:0; margin: 0; width: 30em; height: 6em; }
	.contactform form input {margin-top: 1em; }
	
	#footer {width: 100%; }
	#footer p.info {text-align: center; }
	
	#socialmediamaster {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
	#socialmediamaster a {display: flex-item; }
	
}

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
  overflow: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Caption text */
.text {
  font-family: 'Brush Script MT', 'Segoe Script', 'Lucida Handwriting';
  color: rgba(242, 250, 2, 0.6);
  font-size: calc(7vw);
  padding: 8px 12px;
  position: absolute;
  top: 33%;
  width: 100%;
  text-align: center;
}

.subtext a {
	  font-family: 'Brush Script MT', 'Segoe Script', 'Lucida Handwriting';
	  color: rgba(242, 250, 2, 0.9);
	  font-size: calc(3vw);
	  padding: 8px 12px;
	  position: absolute;
  	  top: 23%;
	  width: 100%;
	  text-align: center;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 2.5s;
}

@keyframes fade {
  from {opacity: .7}
  to {opacity: 1}
}