@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------------*/
/*                        Responsive                              */
/* ---------------------------------------------------------------*/	

@media all and (max-width:800px) {
	
#navtop {
	display: none;
	}
	
.logo {
	margin-left: 20px;
	}

.flex-container-row {
	flex-direction: column;
	display:block;
	justify-content: center;
	}

.flex-container-box img {
	padding: 0 0 0 0;
}
	
.flex-item-box {
	margin-top: 30px;
}
	
.parallax {
	margin-top: 70px;
	padding-top: 100px; 
	padding-bottom: 100px;
	background-attachment: inherit;	
	height: 300px;
}

.flex-container-box h2 {
	font-size: 2.2em;

}
	
.parallax h2 {
	font-size: 1.5em;
	padding: 0 10px 0 10px;
	}

.parallax h3 {
	font-size: 1.0em;
	padding: 0 10px 0 10px;
}

.parallax p {
	font-size: 1.0em;
	padding: 0 10px 0 10px;
}

.controls {
  	background: var(--container);
}
}

@media all and (min-width:800px) {
.responsive-navigation {
	display: none;}
}