/* Scss Document */
span.line {
  display: inline-block;
}

.navbar{
	opacity: 1;
}

.wrapper {
	display:flex;
	flex-flow:row wrap;
}

.wrapper > * {
	padding:12px;
	flex: 1 100%;
}

.textmain {
	font-family: 'Montserrat', sans-serif; 
	font-size:0.8em;
}

.parallaxbg {
	background-size: cover; 
	background-position: 50% 10%; 
	margin: 0; 
	position: relative; 
}

.libgclr {
	background: none;
	border: none;
}

.hbspt-form .hs-form-iframe {
  width: 100% !important;
}

.header {
	
}

font-family: 'Manrope', sans-serif;
font-family: 'Jose', sans-serif;
font-family: 'Montserrat', sans-serif;


@media all and (min-width:1px){
	
	.aside {flex:1 auto; display:inline-grid; background-color:#F0F0F0; align-items:center; }
	.aside-2 {text-align: right}
	.main {display:inline-grid; align-items:center; position:relative; top:5px}
}

@media all and (min-width:992px){
	
	.main {flex: 3 0px; flex-grow:12; padding:10px; align-items: center;}
	.aside {display:flex; align-items:center;}
	.aside-1 {order:1; align-self:stretch; width:150px;}
	.main {order:2;}
	.aside-2 {order:3; align-self:stretch; width:80px; justify-content: center;}
}

@media screen and (max-width:767.98px){
	#wwdbg {background-size:80vw}
	#herotxt {font-size: 2.3em; margin-top: 7.7em; width: 220px;}
	#herosub {font-size: 1.1em; padding: 10px; margin-bottom: 0.9em}
	#herosubbox {width: 335px;}
	#herosubbox2 {width: 310px; height: 6px; top:-17px;}
	#calform-recaptcha{scale(0.75); transform-origin: 0 0;}
}

@media screen and (min-width:768px) and (max-width:991.98px){
	#hero {height: 680px;}
	#herotxt {font-size: 3.2em; margin-top:4.8em; width:400px;}
	#herosub {font-size: 1.4em; padding: 12px;}
	#herosubbox {width: 415px;}
	#herosubbox2 {width: 400px; height:8px; top:-16px}
	#wwdbg {background-size:70vw}
}

@media screen and (min-width:992px) and (max-width:1199.98px){
	#hero {height: 720px;}
	#herotxt {font-size: 4em; margin-top:4em; width:500px;}
	#herosub {font-size: 1.77em; padding: 15px;}
	#herosubbox {width: 500px;}
	#herosubbox2 {width: 490px; height:10px; top:-16px;}
	#wwdbg {background-size:60vw}
}

@media screen and (min-width:1200px){
	#hero {height: 580px;}
	#herotxt {font-size: 6.8em; margin-top:4.6em; width: 750px;}
	#herosub {font-size: 2.7em; padding: 16px;}
	#herosubbox {width: 730px;}
	#herosubbox2 {width:720px; height:12px; top: -16px;}
	#wwdbg {background-size:50vw}
}