@charset "utf-8";


/* Google Web fonts -----------------------------------------------------------------------------*/
@font-face {font-display: swap; font-family: 'Maven Pro'; font-style: normal; font-weight: 400; src: url('../fonts/maven-pro-v40-latin-regular.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Maven Pro'; font-style: normal; font-weight: 600; src: url('../fonts/maven-pro-v40-latin-600.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Maven Pro'; font-style: normal; font-weight: 800; src: url('../fonts/maven-pro-v40-latin-800.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Maven Pro'; font-style: normal; font-weight: 900; src: url('../fonts/maven-pro-v40-latin-900.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Happy Monkey'; font-style: normal; font-weight: 400; src: url('../fonts/happy-monkey-v15-latin-regular.woff2') format('woff2');}



html,
html * { 
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-size-adjust: none;
	font-smoothing: antialiased;
	text-decoration: none !important;
}

body {
	background: white;
	overflow-x:hidden;/*no scrolling width*/
	font-family: 'Maven Pro', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

html a:hover {
    text-decoration: none !important;
}

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

/*body*/
main{
	margin: 0rem auto;/*Centers the entire page*/
}

h1{	font-family: inherit;font-size: inherit;font-weight: inherit;color: inherit;text-align:inherit;margin: 0;padding: 0;}
h2{	font-family: inherit;font-size: inherit;font-weight: inherit;color: inherit;text-align:inherit;line-height: inherit;margin: 0;padding: 0;}
h3{	font-family: inherit;font-size: inherit;font-weight: inherit;color: inherit;text-align:inherit;line-height:  inherit;margin: 0;padding: 0;}

.Text_basic {
	display:block;
	float:left;
	height:auto;
	text-align: start;
	hyphens: auto;
	font-family:'Maven Pro', sans-serif; font-weight:400; font-size: 1.2rem; line-height:1.8rem; color:white;	
}

.Text_basic--bold {font-weight:600;letter-spacing: 0.14rem;}
.Text_basic--italic {font-style: italic;font-weight:400;letter-spacing: 0.0rem;}
.Text_basic--blue {color:#0D3556;}

.main_Centered {
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin:auto;
	padding: 0rem 0rem 0rem 0rem;
	width:100%;
	max-width: 1600px;
	overflow: hidden;
}

.logo_section{
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin:auto;
	width:100%;
	padding: 4rem 0rem 4rem 0rem;
	overflow: hidden;
	background-color: #0D3556;
}

.logo {
	width: 90%;
	max-width: 1000px;
	height: auto;   /* keeps the aspect ratio */
	display: block; /* removes inline whitespace gaps */
}

.contact_section{
	position: relative;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
	align-items:flex-start;
	/*background-color: #FCB54E;*/
	background-color: white;
	width: 100%;
	margin-top: 1rem;
	padding: 2rem 0rem 2rem 0rem;
}

.contact-flexbox-item{
	width: auto;
	padding: 0.6rem 1rem 0.6rem 1rem;
	font-family:'Maven Pro', sans-serif; font-weight:400; font-size: 1.6rem; line-height:2.2rem;letter-spacing: 0.0rem; color:#0D3556;	
}
.font120{font-size: 2.0rem}
.contact-flexbox-item-1{
	position: relative;
	display: flex;
	justify-content: center;
	width: auto;
}
.contact-flexbox-item-2{
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
}

.Text_contact {
	display:block;
	height:auto;
	text-align: center;
	hyphens: auto;
}

.about_section{
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin:auto;
	margin-top: 1rem;
	padding: 4rem 6rem 4rem 6rem;
	width:100%;
	overflow: hidden;
	background-color: #0D3556;
	/*background-color: #63a6ce;*/
	min-height: 200px;
}

.photos_section{
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 2rem; 
	width:100%;
	background-color: antiquewhite;
}
.photo_center{
	width:100%; height: auto;
}

img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}

.testimonials_section{
	margin-top: 1rem;
	padding: 2rem 2rem 2rem 2rem;
	width:100%;
	overflow: hidden;
	background-color:white;
	min-height: 400px;
}
.Text_testimonial {
	display:block;
	float:left;
	height:auto;
	text-align: start;
	hyphens: auto;
	font-family:'Happy Monkey', sans-serif; font-weight:400; font-size: 1.0rem; line-height:2.2rem; color:#0D3556;	
}
.testimonial_left{position: relative;display: flex;	justify-content:flex-end;width:100%; margin-top: 2rem;}
.testimonial_right{position: relative;display: flex;justify-content:flex-start;width:100%; margin-top: 2rem;}
.testimonial_center{position: relative;display: flex;justify-content:center;width:100%; margin-top: 2rem;}
.testimonial{width: auto; max-width: 70%; padding: 1rem 1rem 1rem 1rem; background-color:#EAF9FF;border-radius: 15px; border: 2px solid #0D3556;}

.no-break {
  white-space: nowrap;
}

.footer_section{
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin:auto;
	margin-top: 4rem;
	width:100%;
	padding: 4rem 0rem 4rem 0rem;
	overflow: hidden;
	background-color: #0D3556;
}
.Text_footer {
	display:block;
	height:auto;
	text-align: center;
	hyphens: auto;
	font-family:'Maven Pro', sans-serif; font-weight:400; font-size: 0.8rem; line-height:1.0rem; color:white;	
}

.Link_basic {
	width:auto;
	height:auto;
	text-decoration: none; 
	color:var(--orange);
}


/* dont use <b> or <i> but use these calsses instead*/
.xbold{font-weight:900;}
.bold{font-weight:600;}
.italic{font-style: italic;}


/* Phone in portrait */
@media only screen and (max-device-width: 767px) and (orientation : portrait) {
	.logo {	width: 98%;}
	.font120{font-size: 1.6rem}
	.about_section{	padding: 4rem 1rem 4rem 1rem;}
	.testimonial{max-width: 86%; padding: 1rem 0.4rem 1rem 0.4rem; }
	.testimonials_section{padding: 2rem 1rem 2rem 1rem;}
}

/* Phone in landscape */
@media only screen and (max-device-height: 767px) and (orientation : landscape) {
	
}
/* ipad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.about_section{	padding: 4rem 2rem 4rem 2rem;}
}

/* ipad in landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { 

}

/* Desktops and laptops */
@media only screen and (min-device-width: 992px) and (max-width: 1600px) {

}

@media screen and (max-width: 767px) {
	.logo {	width: 98%;}
	.about_section{	padding: 4rem 1rem 4rem 1rem;}
	.testimonial{max-width: 86%; padding: 1rem 0.4rem 1rem 0.4rem;}
	.testimonials_section{padding: 2rem 1rem 2rem 1rem;}
}