body{
	font-family: 'Quicksand', sans-serif;
}
header{
	border-top:5px solid #1679a2;	
}
.btn-position{
	display: none;
}
.logo{
	
}
.tagline{
	font-family: 'Slackey', cursive;
}
.hero{
	background-image: url("../images/slide1.jpg");
	padding:100px 30px;
	font-size: 22px;
	font-weight: bold;
}
.hero-list li{	
	font-size: 30px;
	list-style: none;
	font-weight: bold;
	color:#fff;
	text-shadow: 2px 2px 3px #000, -2px -2px 3px #000, 0 0 3px #000, 2px -2px 3px #000, -2px 2px 3px #000;
}
.hero-list li::before{
	content: url("../images/droplet-fill.svg");
    display: inline-block;
	color:aqua;
    font-size: 30px;
    margin-right: 5px;
	z-index: 4;	
}
.slide1 {
	padding:0px 30px 30px;
	background:url(../images/slide1.jpg) center center;
	background-size:cover;
}
.slidetext1 {
	font-family: 'Slackey', cursive;
	fill:#FFF;
	stroke:#000;
	stroke-width:2px;
	font-size:38px;
	font-style: italic;
}
.stshadow1 {
	font-family: 'Slackey', cursive;
	fill:#000;
	font-size:38px;
	opacity:0.7;
	font-style: italic;
}
.slidetext2  {
	font-family: sans-serif;
	fill:#FFF;
	stroke:#000;
	stroke-width:2px;
	font-size:48px;
	font-weight: bold;
}
.stshadow2 {
	font-family: sans-serif;
	fill:#000;
	font-size:48px;
	opacity:0.8;
	font-weight: bold;
}
.slide1 svg {
	transform:translateX(-7%);
}

.intro-bg{
	background-color:#9edef9;
}

h1{
	color:#1679a2;
	font-weight:bold;
	font-size: 40px;
	text-align: center;	
}
h1, h2{
	font-family: 'Happy Monkey', cursive;
}

/* headlines with lines */
.decorated{
     overflow: hidden;
     text-align: center;
	padding-bottom: 45px;
 }
.decorated > span{
    position: relative;
    display: inline-block;
}
.decorated > span:before, .decorated > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom:dotted 4px #1679a2;
    width: 100vw;
    margin: 0 20px;
}
.decorated > span:before{
    right: 100%;
}
.decorated > span:after{
    left: 100%;
}

p, li{
	font-size: 20px;
}
.top-section{
	padding:45px 15px;
}
.mid-section{
	padding:45px 15px;
	
}
.end-section{
	padding:45px 15px;
	border-bottom:dotted 2px #1679a2;
}
.form-bg{
	background-color:rgba(256, 256, 256, .8);
	padding:15px;
}
.btn-danger{	
	margin-bottom:6px;
}
footer{
	border-top:solid 4px #1679a2;
}
.copyright, .copyright a{
	text-align: center;
	background-color:#1679a2;
	color:#fff;
}

.bofl {
	background: #1679a2;
}

/**NAVBAR**/

.navbar { /* navbar styles */
	background:#DDD;
	padding:0 1rem;
}

.nav-link { /* top level link */
  color:#000;
  font-size:15px;
}

.nav-link:hover {
  color:#00F; /* top level link hover */
}

.dropdown-menu { /* dropdown menu styles */
	background:#FFF;
}

.dropdown-item { /* dropdown link */
	 color:#000;
}

.dropdown-item:hover { /* dropdown link hover */
	 color:#FFF;
	 background:#00F;
}

.navbar-toggler { /* styles the mobile nav button border */
	border-color:#000;
	border-radius:8px;
}

.navbar-toggler-icon { /* sets color of the mobile nav button lines, only edit the "stroke='rgb(0,0,0)'" value */
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* mobile nav styles */
@media (max-width: 767px) {
	.navbar { /* navbar styles */
		padding:.25rem 1rem;
	}
	
	.nav-link { /* top level link */
		text-align:left;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	
	.dropdown-menu { /* dropdown menu styles */
		padding-top:0;
		padding-bottom:0;
		background:none;
		border:none;
	}
	
	.dropdown-item { /* dropdown link */
		padding-top:10px;
		padding-bottom:10px;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
}





/**END NAVBAR**/


/************************/
/**SIZE SPECIFIC STYLES**/
/************************/

/**COMBINATIONS**/

/**SM & DOWN*/
@media (max-width: 767px) {
.btn-danger{
	padding:6px 10px!important;
	height: 36px;
	margin-top:2px;
	margin-left:6px;
	border-radius: 8px;
}
.hero{
	background-image: url("../images/slide1.jpg");
	padding:30px;	
}
	
	.hero-list li{
		font-size: 24px;
	}
}


/**MD & DOWN*/
@media (max-width: 991px) {
	.parallax-section{
		background-position: right!important;
	}
}

/**LG & DOWN**/
@media (max-width: 1199px) {
	
}

/**MD & UP*/
@media (min-width: 768px) {
	.btn-position{
		display: block;
		position:absolute;
		top:5px;
		right:5px;
	}
}

/**LG & UP**/
@media (min-width: 992px) {

}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {

}

/**SM**/
@media (min-width: 576px) and (max-width: 767px) {

}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {
.hero-list li{
		font-size: 26px;
	}
}

/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {

}

/**XLG**/
@media (min-width: 1200px) {

}