@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');
@charset "utf-8";
html, body {height:100%; width:100%; font-family:'Geist', sans-serif; font-size:18px; color:var(--dark-grey); background-color:white; scroll-behavior:smooth;}
* {margin:0; padding:0;}
:root {
	--lightest-blue:#f4f9ff;
	--light-blue:#ccdaed;
	--mid-blue:#0245a4;
	--dark-blue:#000080;
	--darker-blue:#000055;
	--darkest-blue: #000033;
	--light-grey:#fafafa;
	--grey:#d8d8d8;
	--mid-grey:#454545;
	--dark-grey:#282828;
	--darker-grey:#141414;
	--orange:#ff8700;
	--silver:#afaaaf;	
}
h1, h2, h3, h4, h5 {font-family:"Gelasio", serif; color:var(--dark-blue); letter-spacing:0.03em;}
h1 {margin-bottom:15px; font-size:60px; text-align:center;}
h2 {margin-bottom:15px; font-size:36px; text-align:center;}
h3 {margin-bottom:15px; font-size:24px; text-align:left;}
h4 {margin-bottom:15px; font-size:18px; font-weight:600; text-align:center;}
h5 {margin-bottom:15px; font-size:18px; color:var(--orange); font-weight:600;}

hr.top-line {display:block; margin:30px auto 15px auto; width:300px; border:none; outline:none; box-shadow:none; border-top:2px solid var(--orange);}  

a {text-decoration:none; -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}
a:hover {color:var(--orange);}
[id] {scroll-margin-top:120px;}
p {margin-bottom:15px; padding:0; text-align:left; font-size:18px; line-height:1.8;}
p.caption {margin:10px 0; text-align:center; color:var(--mid-grey); font-size:16px; font-weight:400;}
img {width:auto; max-width:100%; height:auto;}

header {position:fixed; top:0; width:100%; text-align:center; background:rgba(0,0,85,0.9); box-shadow:0 2px 6px var(--mid-grey); z-index:100;}
.head-content {display:grid; width:90%; margin:0 auto; padding-top:4px; grid-template-columns:auto 320px 100px; align-items:center;}
  .logo {display:flex; align-items:flex-start; align-content:center;}
  .logo img {max-height:76px;}
  .quote-btn {display:flex; align-items:center; align-content:center;}
  .quote-btn a {display:inline-block; width:240px; padding:15px 5px; text-align:center; color:white; font-family:"Gelasio", serif; font-size:16px; letter-spacing:0.05em; font-weight:600; background-color:var(--orange); border-radius:25px;} 
  .quote-btn a:hover {color:var(--dark-blue); background-color:white;}
  .navicon {display:flex; align-items:flex-end; align-content:center;}
  .navbtn {font-size:60px; cursor:pointer; color:white;}
  .navbtn:hover {color:var(--orange);}
.sidenav {
    height: 100vh;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
	background:var(--darker-blue) url(../graphics/Menu-bg.png) repeat;
    overflow-x: hidden;
    transition: 0.75s;
    padding-top: 60px;
	margin-bottom:50px;
	z-index:1000;
}

.sidenav a {text-decoration:none; outline:none; border:none;}
.sidenav img {height:80px;}

.closer {display:flex; margin:-45px auto 60px auto; padding-bottom:5px; width:976px; cursor:pointer; justify-content:space-between; overflow:hidden;}
 .closer .closebtn {position: relative; float:right; margin-top:-20px; padding-right:5px; padding-bottom:25px; height:47px; font-size: 64px; font-weight:300; color:#fff;}
 .closebtn:hover {color:var(--orange);}
 .closer img {max-height:50px;}
.main-nav {display:grid; max-width:980px; margin:0 auto; padding-bottom:60px; grid-template-columns:1fr 1fr; align-items:start; justify-items:center; gap:20px;}
.menu-col {display:flex; flex-direction:column; align-items:stretch; align-content:flex-start; row-gap:20px;}
 .menu-col h6 {text-align:center; color:white; font-size:18px; font-weight:600; font-family:"Gelasio", serif; letter-spacing:0.05em;}
 .menu-col a {display:inline-block; width:240px; margin:0 auto; padding:5px; color:white; text-align:center; font-size:18px; font-weight:500; border-bottom:1px solid var(--mid-blue);}
  .menu-col a:hover {color:var(--orange); border-bottom:1px solid var(--orange);}
  .menu-col img {width:260px; height:260px; margin:0 auto 10px auto;}
  .menu-social {display:flex; padding-top:15px; align-content:flex-start; gap:20px;}
  .menu-social img {height:32px !important; width:32px !important; padding:3px; background-color:var(--mid-blue); border:1px solid white; border-radius:100%;}
   .menu-social img:hover {background-color:var(--orange);}
   .menu-social a {display:inline-block; width:40px !important; padding:0; text-indent:0; border-bottom:none;}
   .menu-social a:hover {border:none;}
	
.container {display:block; position:relative; margin-top:87px;}

.home-top {display:flex; width:100%; padding:60px 0; align-items:center; justify-content:center; background-color:var(--light-blue); border-top:3px solid white;}
  .home-top-content {display:block; margin:0 auto; width:60%;}
  .home-top-content p {text-align:center; font-size:21px; color:var(--dark-blue); line-height:1.75;}
  .home-top-content a {display:block; width:240px; margin:40px auto 0 auto; padding:20px 5px; text-align:center; color:white; font-family:"Gelasio", serif; font-size:18px; letter-spacing:0.05em; font-weight:600; background-color:var(--orange); border-radius:25px;}
  .home-top-content a:hover {background-color:var(--mid-blue);}

.home-row {display:flex; width:100%; padding:90px 0; align-items:center; justify-content:center; background-color:var(--dark-blue); border-top:3px solid white; border-bottom:3px solid white;}
  .home-row-content {display:block; margin:0 auto; width:60%;}
  .home-row-content p {text-align:center; font-size:30px; color:white; line-height:1.75;}
  .home-row-content h3 {margin-top:60px; text-align:center; font-size:36px; color:white; font-family:"Gelasio", serif; letter-spacing:0.05em; text-shadow:3px 3px 3px rgba(0, 0, 0, 0.8);}
  .home-row-content a {display:block; width:280px; margin:40px auto 0 auto; padding:20px 5px; text-align:center; color:white; font-family:"Gelasio", serif; font-size:16px; font-weight:600; background-color:var(--orange); border-radius:25px;}
  .home-row-content a:hover {background-color:var(--mid-blue);}
   
.service-row {display:flex; width:100%; padding:60px 0; align-items:center; justify-content:center; background:var(--light-blue) url(../graphics/Blue-Stripe.png) repeat;}
  .service-row-content {display:grid; margin:0 auto; width:70%; text-align:center; grid-template-columns:1fr 1fr; place-items:center; gap:10px;} 
  .service-row-content img {max-width:580px; max-height:580px; border:10px solid white;}
  
  .service-row-content ul {margin:30px 0 60px 45px; list-style:none;}
  .service-row-content ul li::before {content: '•'; display:inline-block; width:1.5em; margin-left:-1.5em; color:var(--orange); font-size:24px; font-weight:800;}
  .service-row-content ul li {padding-left:15px; text-align:left; color:var(--dark-grey); font-size:15px;}
  .service-row-content h2 {margin-bottom:10px; text-align:left; font-size:27px; color:var(--orange); font-family:"Gelasio", serif; letter-spacing:0.02em; font-weight:800;}
  .service-row-content h3 {margin-bottom:20px; font-size:21px; color:var(--dark-blue); font-family:"Gelasio", serif; letter-spacing:0.05em; font-weight:600;}
  .service-row-content p {line-height:1.5;}
  .service-row-content a {display:block; margin:0 auto 15px auto; width:340px; padding:20px 10px; text-align:center; color:white; font-size:16px; font-weight:600; background-color:var(--dark-blue); border-radius:25px;}
  .service-row-content a:hover {background-color:var(--orange);}
  
.process-wrap {display:block; width:70%; margin:30px auto; padding:30px; background-color:var(--lightest-blue); border-radius:25px;}
.process-wrap:last-of-type {margin-bottom:90px;}
  .process-content {display:grid; grid-template-columns:50% auto; place-items:center; gap:2%;}
   /*.process-content h3 img {display:inline-block; margin-bottom: -8px; padding-right:0.5em; height:36px; border:none;}*/
   .process-content h3 {margin-bottom:30px; color:var(--mid-blue);}
   .process-content h6 {margin-bottom:30px; text-align:left; color:var(--orange); font-family:"Gelasio", serif; font-size:18px; font-weight:600; text-transform:uppercase;}
   .process-content-pic {display:flex; max-width:450px; place-self:flex-end;}
   .process-content-pic img {border:10px solid white; border-radius:25px;}
  
.review-row {display:block; width:100%; padding:60px 0; background-color:var(--grey); border-top:3px solid white; border-bottom:3px solid white;}
  .review-row-content {display:flex; flex-direction:column; margin:0 auto; width:60%; padding:30px; text-align:center; background:var(--light-grey) url(../graphics/Quotes.png) top center no-repeat; border-radius:15px;}
  .review-row-content a {display:block; margin:45px auto 0 auto; padding:10px; text-align:center; color:var(--mid-blue); font-size:13px; font-weight:300;}
  .review-row-content a:hover {color:var(--orange);} 
    .sliderT {margin:0 auto; width:auto; max-width:90%;}
    .sliderT ul {margin:30px auto 0 auto; padding:0; list-style-type:none;}
    .sliderT ul li {display:inline-block; margin:0 10px; padding:0; text-align:center;}
    .review {display:block; margin:0 auto; padding:20px 30px 0 30px; max-width:90%; text-align:center;}
	.review img {margin:30px auto 0 auto;}
	.review p {text-align:center; font-size:21px; font-style:italic; line-height:1.4;}
	.review p.name {margin:30px 0 0 0; text-align:center; font-size:14px; font-style:normal; color:var(--mid-grey);}
	
.top-content {display:block; margin:0 auto; padding:60px 0; width:60%;}
 .top-content p {margin:30px auto 15px auto; max-width:900px; font-size:21px; color:var(--dark-blue); line-height:1.8;}
 .top-content a {display:block; margin:30px auto 15px auto; width:240px; padding:20px 10px; text-align:center; color:white; font-size:16px; font-weight:600; background-color:var(--dark-blue); border-radius:25px;}
 .top-content a:hover {background-color:var(--orange);}
 .top-content ul {margin:30px auto; padding-left:60px; max-width:760px; list-style:none;} 
 .top-content ul li:before {content: '✓'; display:inline-block; width:1.5em; margin-left:-1.5em; color:var(--orange); font-size:24px; font-weight:800;}
 .top-content ul li {margin-bottom:10px; padding-left:15px; text-align:left; color:var(--dark-blue); font-size:21px; font-weight:500;}


/*.profile-wrap {display:flex; width:70%; margin:30px auto; align-items:stretch; align-content:center; column-gap:30px;}*/
.values-wrap {display:grid; width:70%; margin:30px auto; grid-template-columns:40% 60%; grid-template-rows:auto; place-items:center; gap:15px;}
  .value {display:flex; padding:30px; flex-direction:column; align-items:center; align-content:center; align-self:stretch; gap:30px; background-color:var(--lightest-blue); border-radius:25px;}
  .value h2 {border-bottom:1px dashed var(--dark-blue); padding-bottom:10px;}
  .value h3 {margin:10px 0 15px 0; color:var(--mid-blue);}
  .value h3 img {display:inline-block; margin-bottom:-3px; padding-right:0.5em;}
  .value p {margin-bottom:5px; font-size:16px; line-height:1.4;}
  .value p.mainV {padding:0 15px; font-size:18px; line-height:1.6;}
.profile-wrap {display:grid; width:70%; margin:90px auto; grid-template-columns:60% 40%; grid-template-rows:auto; justify-content:center; gap:45px;}
  .profile {text-align:center;}
 .profile h2 {margin-bottom:15px; text-align:left; font-size:33px; color:var(--mid-blue);}
 .profile h3 {margin-bottom:30px; text-align:left; font-size:21px; color:var(--orange);}
 .profile h5 {margin-top:40px;}
 .profile p {font-size:16px; line-height:1.5;}
 .profile ul {margin-left:60px; list-style:none;}
 .profile ul li::before {content: '✓'; display:inline-block; width:1.5em; margin-left:-1.5em; color:var(--orange); font-size:21px; font-weight:800;}
 .profile ul li {padding-left:15px; text-align:left; color:var(--mid-blue); font-size:15px;}
 .profile img {max-width:90%; border:10px solid var(--lightest-blue); border-radius:25px;}
.partner-wrap {display:block; width:100%; margin-top:45px; padding:30px 0; text-align:center; background-color:var(--lightest-blue);}
 .partner-content {display:block; width:70%; margin:30px auto;}
  .partner-content h4 {margin:-10px 0 30px 0; font-size:21px;}
  .partner-content p {margin:15px auto; max-width:900px; font-size:18px; line-height:1.6;}
  .partners {display:flex; max-width:90%; width:fit-content; margin:0 auto; padding-top:10px; flex-wrap:wrap; align-items:stretch; justify-content:space-around; gap:10px 30px;}
  .partners a {display:block; margin-top:auto; text-align:center; color:var(--dark-blue);} 
  .partners a:hover {color:var(--orange);}
  .partner-logo {display:flex; width:200px; padding:10px 25px; flex-direction:column; align-items:stretch; align-content:center; justify-content:center; text-align:center; gap:5px; border:1px solid var(--light-blue); border-radius:40px;}
  .partner-logo-img {display:flex; align-items:center; align-content:center; width:200px; height:180px;}
  .partner-logo img {width:200px;}
  .partner-logo-link {display:block; height:54px; text-align:center; font-size:14px; font-weight:600;}
  .partner-logo-img h6 {margin:0; text-align:center; color:var(--orange); font-family:"Gelasio", serif; font-size:30px; font-weight:600; line-height:1.2;}


.review-wrap {display:grid; margin:60px auto; width:1240px; grid-template-columns:1fr 1fr 1fr; grid-template-rows:auto; justify-items:center; align-items:normal; column-gap:20px; row-gap:30px;}
 .review-content {display:block; width:360px; padding:20px; text-align:center; background-color:var(--light-grey); border-radius:25px;}
  .review-content h4 {min-height:3em;}
  .review-content img {margin:0 auto 15px auto;}
  .review-content p {margin-bottom:15px; font-size:15px; line-height:1.5;}
  .review-content p.name {margin-top:30px; text-align:right; font-size:13px;}
  
.folio-wrap {display:grid; margin:60px auto; width:1240px; grid-template-columns:1fr 1fr 1fr; grid-template-rows:auto; justify-items:center; align-items:normal; column-gap:20px; row-gap:30px;}
  .folio-content {display:block; width:360px; padding:20px; text-align:center; background-color:var(--lightest-blue); border:2px solid var(--lightest-blue); border-radius:25px;}
  .folio-content:hover {background-color:var(--light-blue); border:2px solid var(--orange);}
  .folio-content img {margin-bottom:5px; width:350px; height:350px; border-radius:25px;}
  .folio-content h4 {margin-bottom:0;}
  
.service-wrap {display:grid; width:70%; margin:90px auto; text-align:center; grid-template-columns:58% 40%; grid-template-rows:auto; place-items:center; gap:2%;}
 .service h2 {margin-bottom:15px; text-align:left; font-size:33px; color:var(--mid-blue);}
 .service h3 {margin-bottom:30px; text-align:left; font-size:21px; color:var(--orange);}
 .service h5 {margin-top:40px;}
 .service p {font-size:16px; line-height:1.5;}
 .service ul {margin-left:60px; list-style:none;}
 .service ul li::before {content: '✓'; display:inline-block; width:1.5em; margin-left:-1.5em; color:var(--orange); font-size:21px; font-weight:800;}
 .service ul li {padding-left:15px; text-align:left; color:var(--mid-blue); font-size:15px;}
 .service img {border:10px solid var(--lightest-blue); border-radius:25px;}
 .service a {display:block; margin:30px auto; width:240px; padding:15px; text-align:center; color:white; font-size:16px; font-weight:600; background-color:var(--dark-blue); border-radius:25px;}
 .service a:hover {background-color:var(--orange);} 

  
.payments {display:block; margin:15px auto; width:930px; padding:30px 45px 15px 45px; background-color:var(--lightest-blue); border-radius:25px;}
 .payments h2 {margin-bottom:20px; text-align:left;}
.payment-wrap {display:grid; width:1020px; margin:0 auto 15px auto; grid-template-columns:1fr 1fr; grid-template-rows:auto; gap:20px;}
 .payment-item {display:block; padding:25px; background-color:var(--lightest-blue); border-radius:25px;}
.prices {display:block; margin:30px auto 15px auto; width:930px; padding:30px 0 15px 0;}
 .prices h2 {text-align:left;}
 .prices-wrap {display:grid; width:1020px; margin:30px auto 15px auto; grid-template-columns:repeat(3, 1fr); gap:20px;}
  .price-item {display:flex; flex-direction:column; margin-bottom:60px;}
   .price-item > .price-top {display:block; padding:20px 0; background-color:var(--dark-blue);}
   .price-item > .price-row {display:block; padding:20px 0; background-color:var(--lightest-blue);}
   .price-item h2 {margin-bottom:10px; text-align:center; color:white; font-size:27px; font-weight:600;}
   .price-item h3 {margin-bottom:0; text-align:center; color:white; font-size:18px; font-weight:600;}
   .price-item h4 {margin-bottom:15px; text-align:center; color:var(--dark-blue); font-size:24px; font-weight:600;}
   .price-item p {padding:0 10px; text-align:center; font-size:16px; line-height:1.3;}
  
.contact-row {display:flex; width:100%; padding:60px 0; align-items:center; justify-content:center; background:var(--light-blue) url(../graphics/Blue-Stripe.png) repeat;}  
  .contact-row-content {display:grid; margin:0 auto; width:70%; grid-template-columns:60% 40%; place-items:center start;}
   .contact-info {display:flex; flex-direction:column; justify-content:flex-start; gap:30px; padding-bottom:45px;}
    .contact-info > div {display:flex; align-items:center; gap:1em; font-size:21px; color:var(--mid-blue); line-height:1.75; font-weight:600;}
	.contact-info > div img {width:30px;}
	.contact-info > div.social {margin-top:45px; gap:30px;}

.locations {display:block; width:70%; margin:60px auto; text-align:center;}
  .locations ul {margin:30px auto 0 auto; text-align:center; list-style:none;}
   .locations ul li::before {content: '•'; display:inline-block; width:1.5em; margin-left:-2em; color:var(--orange); font-size:24px; font-weight:600;}
    .locations ul li {display:inline; margin-right:1em; padding:0 5px 0 20px; text-align:center; color:var(--mid-blue); font-size:18px;}
.overlay {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
  border-top:5px solid var(--dark-blue);
}
.map {width:100%; height:0; margin-bottom:-71px; padding-bottom:35%; position:relative; overflow:hidden;}
.map iframe{left:0; top:-71px; height:100%; width:100%; position:absolute;}

.Qfields-wrap {display:flex; flex-direction:column; align-content:center; justify-content:center; width:100%; gap:10px;}
 .Qfield {display:grid; width:100%; grid-template-columns:1fr 1fr; place-items:center;}
 .Pcode {display:none;}
 .Qtext {display:grid; width:100%; grid-template-columns:1fr; place-items:center;}
 

.vidContainer {
	margin:0 auto;
	width:100%;
	height:auto;
}  
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0; line-height:0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}	

footer {display:block; width:100%; padding:60px 0; border-top:3px solid white; background:var(--darker-blue) url(../graphics/Foot-bg.png) repeat;}
 .foot-content {display:grid; width:80%; margin:0 auto; grid-template-columns:1fr 1fr 1fr; place-items:center; color:white;}
 .foot-left-col {display:flex; width:360px; text-align:center; flex-direction:column; justify-content:center; gap:25px;}
 .foot-left-col img {max-width:300px;}
 .foot-left-col p {margin-bottom:0; text-align:center; font-size:13px; color:var(--light-grey); line-height:1.4;}
 .foot-left-col ul {display:grid; max-width:100%; padding-left:10px; list-style-type:none; grid-template-columns:1fr 1fr 1fr; gap:5px 10px;}
 .foot-left-col ul li:before {content: '•'; display:inline-block; width:0.8em; margin-left:-0.8em; color:var(--orange); font-size:10px; font-weight:600;}
 .foot-left-col  ul li {width:95px; padding-left:15px; text-align:left; font-size:12px; color:var(--light-grey);}

/* .foot-logo {margin-bottom:20px;}
 .foot-logo img {max-width:300px;}
 p.ack {max-width:300px; margin-bottom:10px; text-align:center; font-size:13px; color:var(--light-grey); line-height:1.4;}
 ul.subs {display:flex; max-width:300px; margin:0 auto; list-style-type:none; flex-wrap:wrap; gap:5px;}
  ul.subs li:before {content: '•'; display:inline-block; width:1.5em; margin-left:-2em; color:var(--orange); font-size:10px; font-weight:600;}
   ul.subs li {width:90px; text-align:left; font-size:12px; color:white;}*/
 .foot-menu {display:flex; flex-wrap:wrap; width:400px; margin:0 auto; align-content:center; justify-content:center; gap:20px 30px;}
  .foot-menu a {display:inline-block; width:170px; padding:5px; color:white; text-align:center; font-size:14px; text-indent:10px; border-bottom:1px solid var(--mid-blue);}
  .foot-menu a:hover {color:var(--orange); border-bottom:1px solid var(--orange);}
 .foot-contact {display:flex; width:296px; flex-direction:column; align-content:flex-end; justify-content:flex-end; gap:20px; justify-self:end;}
   .social {display:flex; justify-content:center; gap:15px;}
   .social img {height:44px; max-width:44px; min-width: 44px; padding:5px; background-color:var(--dark-blue); border:2px solid white; border-radius:100%;}
   .social img:hover {background-color:var(--orange);}
   .foot-contact-btn {display:flex; padding:10px 0; flex-direction:column; align-items:center; gap:10px;}
   .foot-contact-btn a {display:inline-block; width:270px; padding:15px 10px; text-align:center; color:white; font-size:14px; background-color:var(--dark-blue); border:2px solid white; border-radius:25px;}
   .foot-contact-btn a:hover {background-color:var(--orange);}
   .foot-assoc {display:flex; justify-content:center; gap:5px;}
   .foot-assoc img {max-width:92px;}

sub-foot {display:block; width:100%; padding:30px 0; text-align:center; color:var(--light-grey); font-size:13px; background-color:var(--darkest-blue);}
sub-foot a {display:inline-block; margin-left:30px; color:var(--light-grey);}
sub-foot a:hover {color:var(--orange);}


@media screen and (max-width:1440px) {
.values-wrap {width:90%;}
.profile-wrap {width:90%; gap:30px;}
.partner-content {width:90%;}
.service-row-content {width:90%;}
.contact-row-content {width:90%;}
.service-wrap {width:90%;} 
.process-wrap {width:90%; padding:30px 2.5%;}
.foot-content {width:97%;}
/*.foot-menu {padding-top:55px;}*/
}
@media screen and (max-width:1280px) {
.review-wrap {width:90%; grid-template-columns:1fr 1fr;}
.folio-wrap {width:90%; grid-template-columns:1fr 1fr;}
}
@media screen and (max-width:1240px) {
.foot-content {grid-template-columns:1fr 1fr; row-gap:60px;} 
.foot-contact {align-content:center; justify-content:center; gap:20px; justify-self:center; grid-column: -2 / -1;}
}
@media screen and (max-width:1140px) {
.head-content {width:98%; grid-template-columns:auto 240px 100px;}
  .logo {display:flex; align-items:flex-start; align-content:center;}
  .logo img {max-height:76px;}
  .quote-btn a {width:200px; padding:15px 5px;} 
.home-row {padding:60px 0;}
.home-row-content {width:98%;}
.home-row-content p {font-size:27px;} 
.home-row-content h3 {font-size:30px;}

.top-content {padding:50px 0; width:80%;}
 .top-content p {max-width:100%;}
.service-row-content img {max-width:500px; max-height:500px;}
.values-wrap {width:90%;}

.contact-row-content {width:95%; grid-template-columns:55% 45%;}

}
@media screen and (max-width:1024px) {
.closer {width:98%;}
.values-wrap {grid-template-columns:1fr;}
.contact-row-content {width:90%; grid-template-columns:1fr; place-items:center center;}
.locations {width:90%;}	
.map {padding-bottom:45%;}

.service-wrap {width:94%; margin:60px auto; grid-template-columns:1fr; row-gap:45px;}
.service img {max-width:90%;}
.payments {width:90%; padding:30px 2% 15px 2%;}
.payment-wrap {width:92%;}
 .payment-item {padding:15px;}
 .prices {width:90%;}
 .prices-wrap {width:90%; grid-template-columns:1fr; gap:0px;}
 .price-item {margin-bottom:15px;}
}

@media screen and (max-width:980px) {
.service-row-content {grid-template-columns:1fr; gap:30px;} 
.service-row-links {display:flex; margin:0 auto; flex-wrap:wrap; align-items:center; justify-items:center; gap:10px;}	
.service-row-content a {margin:0 auto;}
.service-row-content img {max-width:94%; height:auto;}
.profile h2, .profile h3 {text-align:center;}
.profile-wrap {grid-template-columns:1fr;}
.process-content {grid-template-columns:1fr; grid-template-rows:auto auto; place-items:center; gap:20px;}
 .process-content-pic {max-width:100%; justify-content:center; place-self:center;}
 .process-content-pic img {max-width:90%;}
}

@media screen and (max-width:900px) {
h1 {font-size:48px;}
h2 {font-size:32px;}
.head-content {width:98%; grid-template-columns:auto 200px 70px;}
  .logo img {max-height:60px;}
  .quote-btn a {width:160px; border-radius:20px;}
.review-row-content {width:80%;}  
.review-wrap {width:98%;column-gap:15px;}
 .review-content {width:330px; padding:15px;}
.folio-wrap {width:98%;column-gap:15px;}
 .folio-content {width:330px; padding:15px;}
.Qfield {grid-template-columns:1fr;}
.foot-content {grid-template-columns:1fr; row-gap:60px;}
.foot-left-col {margin:0 auto;}
}
@media screen and (max-width:767px) {

.main-nav {gap:5px;}
.menu-col h6 {font-size:16px;}
.menu-col a {width:200px; font-size:15px; font-weight:600;}
.menu-col img {width:200px; height:200px;}
.closer {margin-bottom:30px;}
.home-row-content p {font-size:21px;} 
.home-row-content h3 {font-size:24px;}

.top-content {width:90%;}
 .top-content p {max-width:90%; text-align:center; font-size:21px; color:var(--dark-blue); line-height:1.8;}
 .top-content a {width:250px; padding:15px 10px; border-radius:20px;}
 
.review-wrap {margin:45px auto; width:96%; grid-template-columns:1fr; row-gap:20px;}
 .review-content {width:90%; padding:15px;}
.folio-wrap {margin:20px auto 60px auto; width:90%; grid-template-columns:1fr; row-gap:20px;}


.locations ul li {font-size:16px;}
.map {padding-bottom:60%;}
 .service h2 {text-align:center; font-size:30px;}
 .service h3 {text-align:center;}
/*.foot-content {grid-template-columns:1fr; row-gap:60px;}
.foot-logo {margin:0 auto 30px auto; text-align:center;}
p.ack {margin:0 auto;}*/
.foot-menu {width:94%; gap:20px;}
.foot-menu a {text-align:center;}
sub-foot a {display:block; margin-left:0; margin:15px auto; padding:5px;}
}

@media screen and (max-width:580px) {
.head-content {grid-template-columns:auto 70px;}
.quote-btn {display:none;}
.navbtn {font-size:48px;}
.home-row {margin-top:70px; padding:45px 0;}
.contact-info > div {font-size:18px; gap:0.5em;}
.payment-wrap {grid-template-columns:1fr;}
}
@media screen and (max-width:479px) {
.menu-col h6, .menu-col img, .menu-social {display:none;}	
.main-nav {max-width:90%; grid-template-columns:1fr; gap:60px;}
.menu-col {width:100%; gap:24px;}
.menu-col a {width:100%;}
.home-row-content {width:96%;}
.home-row-content p {font-size:18px;} 
.home-row-content h3 {font-size:21px;}
.service-row-content h2, .service-row-content h3 {text-align:center;}
.service-row-content a {width:260px; padding:15px 10px; font-size:15px;}
.folio-wrap {width:98%;}
.folio-content {width:300px; padding:5px;}
.folio-content h4 {font-size:16px;}
.folio-content img {width:290px; height:290px;}
.contact-row-content {width:98%;}
.contact-info > div {font-size:16px; font-weight:800;}
.contact-info > div img {width:21px;}
.map {padding-bottom:90%;}
.sliderT {max-width:98%;}

.foot-left-col {width:96%;}
}
@media screen and (max-width:380px) {
.foot-left-col ul {padding-left:20px;grid-template-columns:1fr 1fr;}
}
@media screen and (max-width:360px) {
.contact-info > div {font-size:15px;}
.contact-info > div img {display:none;}	
}