/* UNIVERSAL CONTENT */
* { box-sizing: border-box; }
html { height: 100%; } 
body { margin: 0px; margin-top: 20px!important; font-family: 'Orbitron', sans-serif!important; font-weight: 400; padding-top: 15px; position: relative; } 
#layer { margin-top: 0px; padding-bottom: 40px; padding-top: 8px; padding-left: 0px!important; padding-right: 0px!important; }
#width-layer { max-width: 1250px; margin: 0 auto; }
.hr1 { margin-left: 0px; margin-right: 0px; }
.hr2 { margin-left: 0px; margin-right: 0px; }
hr { background-color: rgb(71, 181, 245)!important; } 
h2 { margin-top: 0; font-size: 30px!important; }
.aboutLabel1 { padding-top: 25px; padding-bottom: 10px; padding-left: 5px;}
.aboutLabel2 { padding-bottom: 10px; padding-top: 5px; padding-left: 0px; }
.testLabel { padding-bottom: 0px; padding-left: 0px; padding-top: 0px; margin-top: 0px; }
h3 { padding-top: 0px; font-size: 20px!important; }
h4 { font-size: 30px!important; }
h5 { font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; padding-top: 15px; font-size: 20px!important; text-decoration: underline; text-underline-position: under; }
button { font-size: 15px; font-weight: lighter; margin-top: 5px!important; border-radius: 15%!important; background: black; color: white; } 
#button { text-align: center; margin-top: 0; margin-bottom: 20px; }
.helpdeskBtn1 { border: none; border-radius: 5px!important; padding: 10px; margin-top: 10px!important; background-color: rgb(71, 181, 245)!important; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.4); 
		font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; }
.helpdeskBtn2 { border: none; border-radius: 5px!important; padding: 10px; margin-top: 25px!important; margin-bottom: 6px; background-color: rgb(72, 181, 71);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.4); font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; }
.helpdeskBtn3 { border: none; border-radius: 5px!important; padding: 10px; margin-bottom: 45px; background-color: rgb(71, 181, 245)!important; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.4);
	font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; }
.helpdeskBtn1:hover { transform: scale(1.1); }
.helpdeskBtn2:hover { transform: scale(1.1); } 
.helpdeskBtn3:hover { transform: scale(1.1); }

/* NAV CONTENT */
nav { background: rgb(71, 181, 245)!important; }
nav li:hover { transform: scale(1.1); }
.fas { color: white; font-size: 30px; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); } 
#mainNavbar .navbar-brand { font-size: 25px; color: white; margin-left: 10px; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); }
#mainNavbar .nav-link { color: white; font-size: 20px; font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4); }
.navbar.scrolled { background: black; opacity: .5; }

/* BANNER CONTENT */
.bannerVid { position: relative; width: 100%; }
#bvid { object-fit: cover; background-position: center center; width: 100%; display: block; bottom: 0; left: 0; top: 0; max-height: 100vh; }
.bannerText { opacity: 1; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; }
#jumboText { color: white; text-shadow: 2px 2px 5px black; font-size: 75px; }
#jumboText2 { color: white; text-shadow: 2px 2px 5px black; font-size: 30px; font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; margin: 10px 20px 10px 30px;  }
#jumboText3 { color: white; text-shadow: 2px 2px 5px black; font-size: 50px; }
#jumboText4 { color: white; text-shadow: 2px 2px 5px black; font-size: 50px; }

/* HOMEPAGE MAIN CONTENT */
/*[data-scroll] { transition: transform 1s; }*/
/*[data-scroll="in"] { transform: translateY(0); }*/
/*[data-scroll="out"] { transform: translateY(80px); }*/
#layer3 { height: auto; width: auto; padding-bottom: 5px; padding-top: 20px; margin: 0 5px; }
#flexDivAbout { display: flex; flex-direction: row-reverse; align-items: center; }
.neuron { height: 350px; width: auto; margin-left: 20px; padding-right: 5px; padding-bottom: 20px; padding-top: 20px;  }
.content4 { text-align: justify; padding: 0px 5px 20px 5px; font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; }
#testimonials { display: flex; flex-direction: row; justify-content: space-evenly; flex-wrap: wrap; padding-bottom: 20px; } 
.test { background: rgb(255,255,255); border-radius: 5px; height: auto; width: 290px; margin-top: 0; margin-bottom: 20px; padding: 20px 20px 20px 20px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.4); }
.test-border { border: 1.5px solid rgb(72, 181, 71); border-radius: 5px; padding-top: 10px; }
.review { font-size: 15px; padding: 0px 10px 5px 10px; font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; }
#servicesFeat { height: auto; width: auto; margin: 0px 5px 10px 5px; padding: 0px 0px!important; }
.offer { padding: 0px 5px 0px 5px; }
.offer a { color: black; text-decoration: none; }
.offer a:hover { text-decoration: none; color: black; }
.offer:hover { transform: scale(1.1); }
.offer ul { font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; font-size: 15px;}
.offer ul li { text-align: center; margin-right: 45px; list-style:none;}
#servicesOffered { display: grid; grid-template-columns: 28% 22% 22% 28%; grid-template-rows: 100%; padding: 20px 5px 20px 5px;}

/* TESTIMONIAL SLIDER CONTENT */
.test-section { overflow-x: hidden; height:  100%; text-align: center;  z-index: 1; position: relative; width: 100%; font-size: 13px; 
	padding: 10px 0px 50px 0px; font-family: 'Nanum Gothic', sans-serif; }
.swiper-container { width: 100%; height: 100%; }
.listing-carousel-button { position: absolute; top: 50%; width: 80px; height: 50px; line-height: 50px; margin-top: -25px; z-index: 100;
	cursor: pointer; background: rgb(71, 181, 245); box-shadow: 0 9px 26px rgba(58, 87, 135, 0.45); transition: all 200ms linear;
	outline: none; }
.listing-carousel-button.listing-carousel-button-next { right: -30px; padding-right: 20px; border-radius: 60px 0 0 60px;  }
.listing-carousel-button.listing-carousel-button-prev { left: -30px; padding-left: 20px; border-radius: 0 60px 60px 0;  }
.listing-carousel-button.listing-carousel-button-next:hover { right: -15px; background: rgba(6, 27, 65, 0.4); }
.listing-carousel-button.listing-carousel-button-prev:hover { left: -15px; background: rgba(6, 27, 65, 0.4);  }
.testi-item { transition: all .3s ease-in-out; transform: scale(0.9); opacity: 0.9; }
.testimonials-text { padding: 90px 50px 30px; overflow: hidden; background: #f5f6fa; border: 1px solid #f1f1f1; border-radius: 10px;
	transition: all .3s ease-in-out; }
.testimonials-text-after{ font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; color: #ccc; opacity: .3;
	font-size: 35px; transition: all 400ms linear; bottom: 25px; right: 30px; }
.testimonials-text-before{ font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; color: #ccc; opacity: .3;
	font-size: 35px; transition: all 400ms linear; top: 25px; left: 30px; }
.testimonials-avatar h3 { font-weight: 600; color: #7d93b2; font-size: 18px; font-family: Arial; font-weight: 300;  }
.testimonials-carousel .swiper-slide { padding: 30px 0; }
.testi-avatar { position: absolute; left: 50%; top: 15px; width: 90px; height: 90px; margin-left: -45px; padding-top: 10px; z-index: 20; }
.test-avatar img { width: 90px; height: 90px; float: left; border-radius: 100%; border: 6px solid #fff; box-shadow: 0 9px 26px rgba(58, 87, 135, 0.1); }
.swiper-slide-active .testimonials-text { background: #fff; box-shadow: 0 9px 26px rgba(58, 87, 135, 0.1); }
.testimonials-text p { font-size: 14px; line-height: 24px;  padding-bottom: 10px; font-weight: 500; }
/*.text-link { position: absolute; bottom: 0; padding: 15px 0; border-radius: 10px 10px 0 0 ; background: #f9f9f9; border: 1px solid #eee;*/
/*	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.03); left: 50%; width: 200px; margin-left: -100px; }*/
.swiper-slide-active .testi-item { opacity: 1; transform: scale(1.0); }
.tc-pagination { float: left; margin-top: 10px; width: 100%!important; }
.tc-pagination_wrap { position: absolute; bottom: -40px; left: 0; width: 100%; }
.tc-pagination2 { float: none; display: inline-block; padding: 14px 0; background: #fff; border-radius: 30px; min-width: 250px; border-bottom: 0; }
.tc-pagination .swiper-pagination-bullet, .tc-pagination2.swiper-pagination-bullet { opacity: 1; background: #384f95; margin: 0 2px;
	width: 10px; height: 10px; transition: all 300ms ease-in-out; }

/* SERVICES PAGE CONTENT */
.servicesVideo { position: relative; width: 100%; }
#svid { object-fit: cover; background-position: center center; width: 100%; display: block; bottom: 0; left: 0; top: 0; max-height: 600px; }
.layer4 { background: white; height: auto; width: auto; padding-bottom: 10px;padding-top: 10px; margin: 10px 30px; display: flex; }
#layer6 { margin-top: 0px; padding-bottom: 40px; padding-top: 5px; }
#service1 { padding-top: 20px; }
.content { text-align: justify; padding: 0px 20px 30px 20px; font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; }
.services { font-size: 30px!important; text-align: left; }
.serviceIcon { display: flex; align-items: center; margin-right: 20px; }
.serviceIcon img { height: 250px; width: 350px; border-radius: 5px; margin-bottom: 50px; }

/*ABOUT PAGE CONTENT */
.aboutVideo { position: relative; width: 100%; }
#avid { object-fit: cover; background-position: center center; width: 100%; display: block; bottom: 0; left: 0; top: 0; max-height: 600px; }
.aboutLayer { padding-bottom: 70px!important; }
.meeting { float: left; height: 250px; width: auto; padding-left: 75px; padding-right: 20px; margin-top: 20px; padding-top: 10px; }
.content2 { text-align: justify; padding: 20px 75px 20px 75px; font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; }

/* CONTACT PAGE CONTENT */
section { text-align: center; padding-top: 100px; font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; } 
form { margin-left: auto; margin-right: auto; }
p { color: black; font-size: 18px; }
#email { margin-top: 10px; }
#textarea { margin-top: 10px; }
#description-input { font-family: sans-serif; font-weight: 400; font-style: normal; font-size: 82%; }
#contactBackground { background: rgb(71, 181, 245); position: relative; height: 100vh; }
#layer2 { background: white; width: 60%; padding-bottom: 20px; padding-top: 20px; border-radius: 10px; margin-top: 15px; margin-bottom: 55px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.4); }
#layer5 { position: relative; margin-top: 80px; }

/* FOOTER CONTENT */
.footer { padding: 7px 15px; position: absolute; bottom: 0; width: 100%; color: white; background: rgba(72, 181, 71); font-size: 18px;}
#footerContent { display: flex; justify-content: space-between; }
.contactFooter { position: fixed; bottom: 0; left: 0; width: 100%; padding: 7px 15px; color: white; background: rgba(72, 181, 71); font-size: 18px; }
footer a { text-decoration: none; color: white; }
footer a:hover { text-decoration: none; color: rgb(0, 87, 138); }
#thankyouFooter { position: fixed; }

/* THANK YOU PAGE CONTENT */ 
#thankyou { margin: 70px 20px 0px 20px; text-align: center; font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; }
#thankyou2 { margin: 40px 20px; text-align: center; font-size: 20px!important; font-family: 'Nanum Gothic', sans-serif; font-weight: 400; font-style: normal; }
#smiley { display: block; margin: 40px auto; }

/* SPLASH PAGE CONTENT */
.splashFlex { display: flex; justify-content: space-between; margin-left: 40px; margin-right: 40px; }
.splashBanner { color: white; font-size: 25px!important; }
.splashBannerLink { text-decoration: none; color: white; }
.splashBannerLink:hover { cursor: pointer; color: rgb(0, 87, 138); }
.splashLink { text-decoration: none; margin-top: 23px; color: white; }
.splashLink:hover { cursor: pointer; color: rgb(0, 87, 138);; }
.clouds{ position: fixed; top: 0; right: 0;  bottom: 0; left: 0; background: rgb(71, 181, 245); color: #2c3e50; }
.cloud{ width: 22.5em; height: 7.5em; background: #f2f9fe; -moz-border-radius: 6.25em; -webkit-border-radius: 6.25em; border-radius: 6.25em; position: relative; margin: 7.5em auto 1.25em; }
.cloud:after, .cloud:before{ content: ""; position: absolute; background: #f2f9fe; z-index: -1; border-radius: 50%; }
.cloud:after{ width: 7.5em; height: 7.5em; top: -3.125em; left: 3.125em; }
.cloud:before{ width: 11.25em; height: 11.25em; top: -5.625em; right: 3.125em; }
.cloud.s1{ -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); -webkit-animation: moveclouds 25s linear infinite;
	-moz-animation: moveclouds 25s linear infinite; -o-animation: moveclouds 25s linear infinite; }
.cloud.s2{ left: 12.5em; -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);
	-webkit-animation: moveclouds 40s linear infinite; -moz-animation: moveclouds 40s linear infinite; -o-animation: moveclouds 40s linear infinite; }
.cloud.s3{ left: -15.625em; top: -12.5em; -moz-transform: scale(0.4, 0.4); -ms-transform: scale(0.4, 0.4); -webkit-transform: scale(0.4, 0.4); transform: scale(0.4, 0.4);
	-webkit-animation: moveclouds 30s linear infinite; -moz-animation: moveclouds 30s linear infinite; -o-animation: moveclouds 30s linear infinite; }
.cloud.s4{ left: 29.375em; top: -35.65em; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); 
	-webkit-animation: moveclouds 26s linear infinite; -moz-animation: moveclouds 26s linear infinite; -o-animation: moveclouds 26s linear infinite; }
.cloud.s5{ left: -38em; top: -38em; -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -webkit-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3);
	-webkit-animation: moveclouds 34s linear infinite; -moz-animation: moveclouds 34s linear infinite; -o-animation: moveclouds 34s linear infinite; }
.cloud.s6 { left: 42.5em; top: -48em; -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); 
	-webkit-animation: moveclouds 30s linear infinite; -moz-animation: moveclouds 30s linear infinite; -o-animation: moveclouds 30s linear infinite; }
.cloud.s7 { left: -49.375em; top: -65.65em; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); 
	-webkit-animation: moveclouds 26s linear infinite; -moz-animation: moveclouds 26s linear infinite; -o-animation: moveclouds 26s linear infinite; }
.cloud.s3{ left: 55.625em; top: -32.5em; -moz-transform: scale(0.4, 0.4); -ms-transform: scale(0.4, 0.4); -webkit-transform: scale(0.4, 0.4); transform: scale(0.4, 0.4);
	-webkit-animation: moveclouds 30s linear infinite; -moz-animation: moveclouds 30s linear infinite; -o-animation: moveclouds 30s linear infinite; }
@-webkit-keyframes moveclouds{
	0%{ margin-left: 125em; }
	100%{ margin-left: -125em; }
}
@-moz-keyframes moveclouds{
	0%{ margin-left: 125em; }
	100%{ margin-left: -125em; }
}
@-o-keyframes moveclouds{
	0%{ margin-left: 125em; }
	100%{ margin-left: -125em; }
}

/* BLOG PAGE CONTENT */
.blogHeader { text-align: center; margin-top: 20%; color: white; text-shadow: 2px 2px 5px black}

@media screen and (min-width: 320px) and (max-width: 374px) {
	.splashBanner { font-size: 20px!important; margin-top: 20px; text-align: center!important; }
	.splashLink { margin-top: 8px; }
	.splashFlex { display: flex; flex-direction: column; justify-content: center; align-items: center; }
	#mainNavbar .navbar-brand { font-size: 22px; }
	.navbar-toggler-icon { font-size: 10px; padding: 1px 1px!important; } 
	.nav-link { font-size: 14px!important; }
	#bvid { height: 400px!important; }
	#avid { height: 350px!important; }
	#svid { height: 350px!important; }
	#jumboText, #jumboText3, #jumboText4 { font-size: 20px!important; }
	#jumboText2 { font-size: 15px!important; margin: 5px 20px 10px 30px;}
	h1 { font-size: 30px!important; } 
	h2 { font-size: 25px!important; }
	h4 { font-size: 20px!important; }
	h5 { font-size: 18px!important; }
	.hr1 { margin-left: 10px; margin-right: 10px; }
	.hr2 { margin-left: 22px; margin-right: 22px; }
	.aboutLabel1 { font-size: 20px!important; }
	.aboutLabel2 { font-size: 20px!important; }
	.lead { font-size: 16px!important; }
	#layer2 { width: 100%; margin-top: 5px; }
	#layer3 { width: auto; margin-right: 12px; margin-left: 12px; margin-bottom: 10px; }
	#flexDivAbout { flex-direction: column!important; }
	.layer4 { flex-direction: column;  padding: 10px 0px!important; }
	.layer6 { padding: 20px 0px 40px 0px!important; }
	.footer { font-size: 16px; }
	.contactFooter { position: relative!important; bottom: 0; font-size: 16px; flex-direction: column; align-items: center; }
	#thankyouFooter { font-size: 16px; }
	#footerContent { flex-direction: column; align-items: center; }
	.content { font-size: 16px; padding: 0px 10px 30px 10px; }
	.content2 { padding: 20px 10px 20px 10px; font-size: 16px; }
	.content4 {padding: 0px 10px 0px 10px; font-size: 16px; }
	.serviceIcon { justify-content: center; margin-right: 0px; }
	.serviceIcon img { margin-bottom: 15px; }
	.services { text-align: center; font-size: 25px!important;  }
	.offer ul li { text-align: center;  list-style:none; font-size: 14px;}
	#jumboImg { height: 350px; width: 98%; margin: 0 auto; }
	#testimonials { flex-wrap: wrap; padding-bottom: 30px; margin-left: 10px; margin-right: 10px; }
	.testLabel { margin-top: 0px; padding-top: 10px; font-size: 20px!important;}
	.test { height: auto; width: 300px!important; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
	#servicesOffered { display: grid; grid-template-columns: 100%; grid-template-rows: 29% 21% 21% 29%; grid-row-gap: 10px; padding: 20px 5px 10px 5px!important; }
	#servicesFeat { padding-left: 0px!important; padding-right: 0px!important; }
}

@media screen and (width: 375px) {
	.contactFooter { position: relative!important; bottom: 0; }
}


@media screen and (min-width: 376px) and (max-width: 450px) {
	.contactFooter { position: relative!important; bottom: 0; }
}

@media screen and (max-width: 512px) {
	.neuron { height: 180px!important; width: auto; }
	.meeting { height: 180px!important; width: auto; }
	#servicesOffered { display: grid; grid-template-columns: 100%; grid-template-rows: 28% 22% 22% 28%; grid-row-gap: 20px; padding: 20px 5px 40px 5px; }
}

@media screen and (min-width: 513px) and (max-width: 767px) {
	#servicesOffered { display: grid; grid-template-columns: 100%; grid-template-rows: 26% 24% 24% 26%; grid-row-gap: 20px; padding: 20px 5px 40px 5px; }
}

@media screen and (max-width: 625px) {
	.neuron { display: block; margin-left: auto; margin-right: auto; padding: 20px 0px 0px 0px!important; margin-bottom: 10px;  }
	.meeting { float: none!important; display: block; margin-left: auto; margin-right: auto; padding: 20px 0px 0px 0px!important; }
	.aboutLabel1 { text-align: center; padding-left: 0px!important; }
	.aboutLabel2 { text-align: center; padding-left: 0px!important; }
}

@media screen and (min-width: 375px) and (max-width: 767px) {
	.splashBanner { font-size: 18px!important; margin-top: 20px; text-align: center; }
	.splashLink { margin-top: 8px; }
	.splashFlex { display: flex; flex-direction: column; justify-content: center; align-items: center; }
	#mainNavbar .navbar-brand { font-size: 22px; }
	.navbar-toggler-icon { font-size: 10px; padding: 1px 1px!important; } 
	.nav-link { font-size: 14px!important; }
	#bvid { height: 400px!important; }
	#avid { height: 400px!important; }
	#svid { height: 400px!important; }
	#jumboText, #jumboText3, #jumboText4 { font-size: 22px!important; }
	#jumboText2 { font-size: 15px!important; margin: 5px 20px 10px 30px;}
	h1 { font-size: 30px!important; } 
	h2 { font-size: 25px!important; } 
	h4 { font-size: 20px!important; }
	h5 { font-size: 18px!important; }
	.aboutLabel1 { padding-left: 0px; font-size: 20px!important; text-align: center; }
	.aboutLabel2 { font-size: 20px!important; }
	.hr1 { margin-left: 20px; margin-right: 20px; }
	.hr2 { margin-left: 32px; margin-right: 32px; }
	#flexDivAbout { flex-direction: column!important; }
	.neuron { height: 250px; width: auto; margin: 0 auto; padding: 20px 0px 0px 0px; }
	.meeting { float: left; height: 250px; width: auto; padding-top: 20px; padding-left: 25px; padding-right: 20px; }
	.lead { font-size: 16px!important; }
	#layer2 { width: 100%; margin-top: 5px; }
	#layer3 { width: auto; margin-right: 12px; margin-left: 12px; margin-bottom: 0px; padding-bottom: 10px; }
	.layer4 { flex-direction: column; padding: 10px 0px!important; }
	/*.contactFooter { position: relative!important; bottom: 0; font-size: 16px; flex-direction: column; align-items: center; }*/
	#footerContent { flex-direction: column; align-items: center; }
	.content { font-size: 16px; padding: 0px 10px 30px 10px;}
	.content2 { padding: 20px 25px 20px 25px; font-size: 16px; }
	.content4 {padding: 0px 25px 0px 25px; font-size: 16px; }
	.serviceIcon { justify-content: center; margin-right: 0px;}
	.serviceIcon img { margin-bottom: 15px; }
	.services { text-align: center; font-size: 25px!important; }
	#jumboImg { height: 350px; width: 95%; }
	#testimonials { flex-wrap: wrap; padding-bottom: 30px; margin-left: 20px; margin-right: 20px; }
	.testLabel { margin-top: 0px; padding-top: 10px; font-size: 20px!important; }
	.test { height: auto; width: 350px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.splashBanner { font-size: 20px!important; margin-top: 20px; }
	.splashLink { margin-top: 8px; }
	.splashFlex { display: flex; flex-direction: column; justify-content: center; align-items: center; }
	#mainNavbar .navbar-brand { font-size: 25px; }
	.navbar-toggler-icon { font-size: 12px; }
	.nav-link { font-size: 18px!important; }
	h1 { font-size: 40px!important; } 
	h2 { font-size: 30px!important; } 
	h4 { font-size: 25px!important; }
	h5 { font-size: 18px!important; }
	.hr2 { margin-left: 12px; margin-right: 12px; }
	.aboutLabel1 { font-size: 25px!important; text-align: center; padding-top: 0px; }
	.aboutLabel2 { font-size: 25px!important; margin-right: 45px; }
	.content4 { padding-bottom: 5px; }
	.lead { font-size: 20px!important; }
	#layer2 { width: 90%; }
	#flexDivAbout { flex-direction: column!important; }
	#layer3 { margin-right: 12px; margin-left: 12px; margin-bottom: 0px; padding-bottom: 10px; }
	.services { text-align: center; }
	.serviceIcon { justify-content: center; margin-right: 0px;}
	.serviceIcon img { margin-bottom: 15px; }
	.layer4 { flex-direction: column; }
	#jumboImg { height: 350px; } 
	#testimonials { flex-wrap: wrap; padding-bottom: 25px; margin-left: 30px; margin-right: 30px; }
	.testLabel { margin-top: 0px; padding-top: 10px; font-size: 25px!important; }
	.test { height: auto; width: 300px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
	#servicesOffered { display: grid; grid-template-columns: 50% 50%; grid-template-rows: 50% 50%; }
	.offer1, .offer2 { padding-bottom: 30px; }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
	#mainNavbar .navbar-brand { font-size: 25px; }
	.navbar-toggler-icon { font-size: 12px; }
	.nav-link { font-size: 18px!important; }
	h1 { font-size: 40px!important; }
	h2 { font-size: 30px!important; }
	.lead { font-size: 20px!important; }
	#layer2 { width: 80%; }
	#layer3 { width: auto; margin-right: 12px; margin-left: 12px; margin-bottom: 0px; padding-bottom: 10px; }
	#jumboImg { height: 350px; } 
	#testimonials { flex-wrap: wrap; padding-bottom: 20px; margin-left: 30px; margin-right: 30px; }
	.testLabel { margin-top: 0px; padding-top: 10px; } 
	.test { height: auto; width: 400px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
	#servicesOffered { display: grid; grid-template-columns: 50% 50%; grid-template-rows: 50% 50%; }
	.offer1, .offer2 { padding-bottom: 30px; }
} 

@media (max-width: 1024px) {
	.cloud.s1{ -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); -webkit-animation: moveclouds 5s linear infinite;
	-moz-animation: moveclouds 5s linear infinite; -o-animation: moveclouds 5s linear infinite; }
	.cloud.s2{ left: 12.5em; -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -webkit-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);
		-webkit-animation: moveclouds 20s linear infinite; -moz-animation: moveclouds 20s linear infinite; -o-animation: moveclouds 20s linear infinite; }
	.cloud.s3{ left: -15.625em; top: -12.5em; -moz-transform: scale(0.4, 0.4); -ms-transform: scale(0.4, 0.4); -webkit-transform: scale(0.4, 0.4); transform: scale(0.4, 0.4);
		-webkit-animation: moveclouds 10s linear infinite; -moz-animation: moveclouds 10s linear infinite; -o-animation: moveclouds 10s linear infinite; }
	.cloud.s4{ left: 29.375em; top: -35.65em; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); 
		-webkit-animation: moveclouds 6s linear infinite; -moz-animation: moveclouds 6s linear infinite; -o-animation: moveclouds 6s linear infinite; }
	.cloud.s5{ left: -38em; top: -38em; -moz-transform: scale(0.3, 0.3); -ms-transform: scale(0.3, 0.3); -webkit-transform: scale(0.3, 0.3); transform: scale(0.3, 0.3);
		-webkit-animation: moveclouds 14s linear infinite; -moz-animation: moveclouds 14s linear infinite; -o-animation: moveclouds 14s linear infinite; }
	.cloud.s6 { left: 42.5em; top: -48em; -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); 
		-webkit-animation: moveclouds 10s linear infinite; -moz-animation: moveclouds 10s linear infinite; -o-animation: moveclouds 10s linear infinite; }
	.cloud.s7 { left: -49.375em; top: -65.65em; -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); 
		-webkit-animation: moveclouds 6s linear infinite; -moz-animation: moveclouds 6s linear infinite; -o-animation: moveclouds 6s linear infinite; }
	.cloud.s3{ left: 55.625em; top: -32.5em; -moz-transform: scale(0.4, 0.4); -ms-transform: scale(0.4, 0.4); -webkit-transform: scale(0.4, 0.4); transform: scale(0.4, 0.4);
		-webkit-animation: moveclouds 10s linear infinite; -moz-animation: moveclouds 10s linear infinite; -o-animation: moveclouds 10s linear infinite; }
}