/*
Theme Name:Altrotwo
Text Domain: altrotwo
Author:Studio Altro
Description:Theme made for Studio Altro website volume 3
*/

*{box-sizing:border-box;}

body{background-color:#fbfcf8;
	 margin:0;
	 font-family:'Work Sans', 'Roboto', sans-serif;}
	 
img, svg, video{
	max-width:100%;
    height:auto;}	

a{color:#000;
  text-decoration:none;}
a:visited{color:#666;}
a:hover{border-bottom:1px solid #0000ff;}


/* TYPOGRAPHY */
/* blog */
p, li, .revised{font-size:1.1vw;
line-height:1.2;}

h1{font-family:'Work Sans', sans-serif;
font-weight:700; 
font-size:3.2vw;
line-height:1.1;
margin-top:0;}

h2{font-family:'Work Sans', sans-serif;
font-size:2vw;
line-height:1.4;
font-weight:900;
padding-top:0;
margin-top:5%;
padding-bottom:0;
margin-bottom:0;}

h3{font-size:1.6vw;
padding-bottom:0;
margin-bottom:0;
margin-top:5%;
font-weight:900;}

h4{font-size:1.4vw;
margin-top:20px;
margin-bottom:0;}

h5{font-size:1.2vw;}

.my-a-ex{font-size:2vw;
font-weight:300;
line-height:1.2;
padding-bottom:0;
margin-bottom:0;
margin-top:0;
padding-bottom:0;}  /* Post intro on a single blog page */

.blog-sub-t{font-family:Work Sans;
            font-size:1.6vw;
            font-weight:900;
			margin-top:2%;
			margin-bottom:0;
			padding-bottom:0;}
			

.bp-category a{font-size:0.9vw;}

.blog-pagination{padding-bottom:5%;
                 font-family:Work Sans;
                 font-weight:800;
                 text-align:center;}
				 
.page-numbers{font-size:35px;
              padding-left:5px;
              padding-right:5px;}

.single-date{font-size:1vw;
             font-weight:900;}
.single-category{font-weight:400;}

.related-title{font-family:Work Sans;
               font-size:2vw;
               margin-bottom:3%;
               padding-top:12vh;
               margin-top:0;}
.related-posts-title{margin-top:10px;
                     margin-bottom:0;
                     font-size:1.3vw;}

/* home etc */
.xl-t{font-family:'Work Sans';
	  font-size:9vw;
      margin-top:0;
      margin-bottom:0;
      line-height:0.94;
	  font-weight:800;
	  padding-top:0;
	  padding-bottom:0;}
	  
.mxl-t{font-family:'Work Sans';
	  font-size:9vw;
      margin-top:0;
      margin-bottom:0;
      line-height:0.94;
	  font-weight:800;
	  padding-top:0;
	  padding-bottom:0;}
	  
.l-t{font-family:Work Sans;
     font-size:4vw;
	 font-weight:900;
	 line-height:0.94;
	 padding-top:0;
	 margin-top:0;
	 margin-bottom:20px;}
			   
.m-t{font-family:Work Sans;
	 font-size:2vw;
     margin-top:0;
     margin-bottom:0;
     padding-top:0;
     letter-spacing:-1px;}
	 
.s-t{font-family:Work Sans;
     font-size:1.3vw;}
			   
.numnum{font-family:Work Sans;
        font-size:7vw;
        line-height:0;
        margin-top:50px;
        padding-top:0;
        font-weight:800;}

.services-bullets{font-family:Work Sans;
                  font-size:1.2vw;
                  padding-bottom:0;}
				  
.sl-num{font-size:7vw;
        font-family:Work Sans;
        font-weight:900;
        line-height:0.94;
	    padding-top:0;
	    margin-top:0;
	    margin-bottom:0;} /* services */
		
.sl-t{font-size:4vw;
      font-weight:900;
      font-family:Work Sans;
      line-height:0.94;
	  padding-top:0;
	  margin-top:0;
	  margin-bottom:0;} /* services */
	 
.single-bull{font-size:1.3vw;
             margin-top:30px;} /* services */


/* BUTTONS */
.sa-btn{padding-top:5%;
        font-size:1.2vw;
        padding-bottom:0;}

.sa-btn a{border:2px solid #0000ff;
          padding:1%;
          color:#0000ff;
          border-radius:10px;
          margin-left:1%;}  /*general btn*/

.sa-btn-white{padding-top:3%;
              font-size:1.2vw;}
.sa-btn-white a{border:2px solid #fff;
                padding:1%;
                color:#fff;
                border-radius:10px;
                 margin-left:1%;} /* cta btn */


/* PAGE LAYOUT */
.grid-container{display:grid;
                min-height:100vh;
                grid-template-rows:auto 1fr auto;
                grid-template-columns:1fr 1fr 1fr;
				grid-gap:0;}
				
.page-header, .primary, .page-footer{grid-column:1/4;}


/* PAGE HEADER */	
.nav-btn{display:none;
         font-family:Work Sans;
         font-size:60px;}

.page-header{display:grid;
	         grid-template-columns:repeat(2,1fr);
	         padding:1% 3%;}

.site-navigation ul{list-style-type:none;
	               display:grid;
	               grid-template-columns:repeat(auto-fit,minmax(40px,max-content));
	               justify-content:end;
	               grid-gap:2%;
	               font-size:1.3vw;
				   margin-top:10px;
				   margin-bottom:0;}

.site-logo img{height:12vh;
               width:auto;}

.site-logo a{color:#000;
             text-decoration:none;}
.site-logo a:visited{color:#666;}
.site-logo a:hover{border-bottom:0;}


/* PAGE FOOTER */
.footer-grid{display:grid;
             width:100%;
             margin:2% auto;
             grid-template-columns:1fr 1fr 1fr 2fr;
             justify-items:center;}

.footer-area-1, .footer-area-2, .footer-area-3, .footer-area-4{padding-bottom:0;
                                                               margin-bottom:0;
                                                               padding-top:0;
                                                               margin-bottom:0;}

.footer-area-1{padding-left:10%;}															   
.footer-area-4 {justify-self:right;
                padding-right:10%;}
								
.wp-block-social-link a {font-size:1.4vw;}

.cred{font-weight:900;
      font-size:1.2vw;
      padding-bottom:0;
      margin-bottom:0;}
.credits-text{margin-top:0;
              padding-top:0;
              margin-bottom:0;
              padding-bottom:0;
              font-size:1.1vw;}

.foo-info{padding-top:0;
          padding-bottom:0;
          margin-top:1%;
          margin-bottom:0;
          font-size:1.1vw;} 

.pp-text{margin-top:1%;
         font-size:1vw;}      

.footer-area-3 ul{padding-top:0;
                  margin-top:0;
                  padding-bottom:0;
                  margin-bottom:0;}
				  
				  
/* CTAs */
.sa-cta{width:50%;
        margin:0 auto;}
.cta-spc{height:20vh;}
		

/* HOMEPAGE */
.blue-intro-wrap{margin-top:25vh;}
.blue-intro{grid-template-columns:1fr 1fr;
            width:95%;
            margin:0 auto;}
.front-pg-subintro{grid-template-columns:1fr 0.9fr;
                   width:95%;
                   margin:0 auto;}

.blue-intro-spacer{height:2vh;}
.hey-spacer{height:2vh;}

.my-spc{height:30vh;}

.front-services-grid{grid-template-columns:0.5fr 1fr;
                     width:75%;
                     margin:0 auto;
                     grid-gap:5%;}
.btw-serv-spc{height:10vh;}

.front-featured{width:80%;
                margin:0 auto;}
.featured-blog-grid{grid-template-columns:1fr 1fr;}
.latest-grid{display:grid;
             grid-template-columns:1fr 1fr;
             grid-gap:10%;
             width:65%;
             margin:0 auto 0 auto;}			
.latest-grid a{font-size:1.4vw;}
.wp-block-latest-posts.wp-block-latest-posts__list {text-align:center;}
.wp-block-latest-posts__featured-image img{padding-bottom:5px;}
.specc{margin-top:5%;}

.front-about{width:50%;
             margin:0 auto;}

.abt-grid{grid-template-columns:1fr 1fr;
          grid-gap:60px;}
		  
		  
		  
/* SERVICES PAGE */
.listing-section{width:50%;
                 margin:10% auto;}

.list-grid{grid-template-columns:0.3fr 1fr 0.2fr;
           grid-gap:0;
           margin-top:2%;}

.list-b-t{font-size:5vw;
          font-family:Work Sans;
          margin:0;
          padding:0;
		  font-weight:900;
          line-height:0.5;}

.list-m-t{font-size:2.2vw;
          font-family:Roboto;
          margin-top:0;
          padding:0;}

.list-btn a{border:2px solid #0000ff;
            padding:10%;
            color:#0000ff;
            border-radius:10px;
            margin-left:2%;
            font-size:1.4vw;
            font-family:Roboto;}

.s-pg-top{padding-top:25vh;}
.so-spacer{margin-top:25vh;}



/* SINGLE SERVICES PAGES */
.single-service-segment{width:50%;
                        margin:7% auto;
                        padding-bottom:15%;}
						
.wwd-subservices{width:50%;
                 margin:15% auto 5% auto;}
.singles-grid{grid-template-columns:1fr;
              grid-gap:0;}

.wwd-img{padding-top:10px;
         text-align:center;}
.wwd-spacing{padding-bottom:5%;}

.next-s-link{width:80%;
             margin:0 auto;
             padding-bottom:10%;}
.next-serv-btn{font-size:2vw;
               font-weight:900;}
.next-serv-btn a{border:2px solid #0000ff;
                 padding:1%;
                 color:#0000ff;
                 border-radius:10px;
                 margin-left:1%;}
	
	
				 
/*ABOUT PAGE */
.hwa{width:50%;
     margin:10% auto;}
	 
.cover-img, .cover-img-2{margin-top:2%;
margin-bottom:2%;}
	 
.abt-sub{width:30%;
         margin:0 auto;
         padding-bottom:0;}
		 
.th-th{text-align:right;}

.talking-heads{width:50%;
               margin:0 auto;
               grid-gap:1%;
               grid-template-columns:0.3fr 1fr;}

.spec-padd{padding-top:3%;}   
.th-lower-padd{padding-bottom:10%;}
.noo-padd{margin-bottom:0;}
	   
		   
/* BLOG PAGE */
.blog-intro{width:50%;
            margin:0 auto;}
			
/*.blog-grid{display:grid;
           grid-template-columns:1fr 1fr;
           width:80%;
           margin:0 auto 5% auto;
           grid-gap:80px;}*/
		   
.blog-grid{display:grid;
           width:80%;
           margin:0 auto 5% auto;
           grid-template-columns:repeat(auto-fit,minmax(35%, max-content));
           grid-gap:5%;
           justify-content:center;}
.cat-thumb img{width:100%;
               margin:0 auto;}

.blog-cta{background-color:#0000ff;}

.w-t{color:#fff;}

.blog-pagination{padding-top:5%;}


/* SINGLE BLOG POST */
.single-intro{display:grid; 
              grid-gap:0;
              grid-template-columns:1fr 1fr;
              width:70%;
              margin:6% auto 2% auto;}
			  
.single-intro img{display:grid;
                  margin:0 auto;}
			  
.single-blog-post{width:50%;
                  margin:0 auto;}

.blog-line{border-bottom:1px solid black;
           margin-top:3%;}					

.related-section{width:100%;}
.rel{width:50%;
     margin:0 auto;}
.related-grid{display:grid;
              grid-template-columns:1fr 1fr;
              grid-gap:5%;
              width:100%;
              margin:0 auto;
              padding-bottom:12vh;}
			  


/* CONTACT PAGE */			  
.contact-segment{width:70%;
                 margin:6% auto;}
				 
.c-grid{grid-template-columns:1fr 1fr;
        grid-gap:8%}

.form-column{width:100%;
             margin:0 auto;}
.form-areas{background-color:#fff;
            border:1px solid #0000ff;
			border-radius:5px;
            height:5vh;
            width:100%;
            margin-top:10px;}
.form-t-area{background-color:#fff;
             border:1px solid #0000ff;
             height:20vh;
             width:100%;
             margin-top:10px;
			 font-family:Work Sans;
             border-radius:5px;}

.form-text{font-family:Roboto;
           font-size:1.2vw;} 

.wpcf7-list-item-label{font-size:14px;}

.wpcf7-list-item-label a{border-bottom:1px solid #0000ff;}
.wpcf7-list-item-label a:hover{color:#0000ff;}

.contact-2{width:70%;
margin:1% auto 5% auto;}
.wp-block-separator{margin-bottom:2%;}


/* CATEGORIES PAGE */
.categories-grid{display:grid;
                 grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
                 grid-gap:5%;
                 width:70%;
                 margin:2% auto 5% auto;}
				 
.categories-title{font-size:3vw;
                  font-family:Work Sans;
                  margin-top:5%;
                  font-weight:900;
				  text-align:center;} 

.category-s-t{font-size:1.6vw;
margin-top:2%;} 



/* 404 PAGE */
.fof-pg{width:60%;
        margin:10% auto;}
		
		

/* PRIVACY POLICY PAGE */
.pp-pg{width:60%;
       margin:5% auto;}

	   
/* EXTRAS */
.wp-block-image img{max-width:80%;
                    margin:10px auto;}

.wp-block-image{text-align:center;}

.wp-block-image figcaption{font-size:1.2vw;
                           text-align:left;
                           width:70%;
                           margin:0 auto;}

.wp-block-embed figcaption.wp-element-caption{font-size:1.2vw;
                                              width:50%;
                                              margin:0 auto 3% auto;}


/* MEDIA QUERIES */
@media(max-width:3000px){
.single-intro{grid-gap:5%;}
}

@media(max-width:2500px){
.site-logo img{height:15vh;}
}

@media(max-width:1920px){
.blue-intro-wrap{margin-top:150px;}
.my-spc{height:200px;}
.btw-serv-spc{height:100px;}
.cta-spc{height:150px;}
.specc{margin-top:7%;}
	
.site-logo img{height:90px;}
.site-navigation ul{font-size:22px;
                    grid-gap:7px;}
					
.footer-grid{justify-items:left;}
					
h1{font-size:50px;
   margin-top:15%;}
h2{font-size:30px;
	margin-top:50px;}
h3{font-size:23px;
   margin-top:30px;}
h4{font-size:20px;}
h5{font-size:18px;}

.my-a-ex{font-size:30px;}

.mxl-t{font-size:8.8vw;}

.l-t{font-size:60px;}
.numnum{font-size:80px;
        margin-top:10%;}
.m-t{font-size:28px;}
.services-bullets{font-size:19px;}

.s-t{font-size:18px;}
.sl-num{font-size:80px;}
.sl-t{font-size:60px;}
.single-bull{font-size:18px;}

.front-services-grid{width:65%;}

.blog-sub-t{font-size:24px;
margin-top:20px;}

.related-title{font-size:26px;
               margin-bottom:30px;
               padding-top:150px;}
.related-posts-title{font-size:19px;}
.single-date{font-size:17px;}

.categories-title{font-size:50px;}
.category-s-t{font-size:22px;}

.sa-btn{font-size:20px;
padding-top:20px;}
.sa-btn-white{font-size:20px;
padding-top:20px;}

.blue-intro{width:97%;
            margin:0 auto;}
.hey-spacer{height:3vh;}

.blue-intro-spacer{height:0;}
.front-pg-subintro{width:97%;
                  padding-top:10px;}                  

.page-header{padding:1% 2%;}

.latest-grid{display:grid;
             grid-template-columns:1fr 1fr;
             grid-gap:5%;
             width:80%;
             margin:3% auto 0 auto;}
			 
.latest-grid a{font-size:23px;}			 
.wp-block-latest-posts.wp-block-latest-posts__list {text-align:left;}

.listing-section{width:45%;}
.s-pg-top{padding-top:200px;}
.so-spacer{margin-top:200px;}
.single-service-segment{padding-bottom:100px;}
.wwd-spacing{padding-bottom:40px;}
.next-s-link{padding-bottom:160px;}
.next-serv-btn{font-size:35px;}	

.cover-img, .cover-img-2{margin-top:40px;
                         margin-bottom:40px;}
.spec-padd{padding-top:60px;}
.th-lower-padd{padding-bottom:150px;}
		   
.bp-category a{font-size:14px;}

.blog-pagination{padding-bottom:12%;}

.single-blog-post{width:50%;
                  margin:0 auto;}
				  
.single-intro{display:grid; 
              grid-gap:50px;
              grid-template-columns:1fr 0.7fr;
              width:85%;
              margin:5% auto 2% auto;}

.blog-line{border-bottom:1px solid black;
           margin-top:5%;}
					
.wp-block-image figcaption{font-size:14px;}
	
.wp-block-embed figcaption.wp-element-caption{font-size:14px;}
					
.related-grid{grid-gap:60px;
              padding-bottom:150px;}
			  
.c-grid{grid-gap:80px;}
.form-areas{height:50px;}
.form-t-area{height:150px;}

.form-text{font-size:18px;} 

.categories-grid{grid-gap:50px;}
	 
.categories-title{font-size:30px;} 

.category-s-t{font-size:20px;} 
}

@media(max-width:1600px){
.blue-intro-wrap{margin-top:160px;}
h1{margin-top:5%;}
.footer-grid{justify-items:center;}
.footer-area-1{padding-left:0;}

.cred{font-size:18px;}
.credits-text{font-size:16px;}
.foo-info{font-size:16px;} 
.pp-text{font-size:15px;} 

p, li{font-size:16px;}
.categories-title{font-size:40px;}
.category-s-t{font-size:22px;}

.front-services-grid{width:75%;}

.listing-section{width:50%;}
.list-m-t{font-size:3vw;}
	 
.abt-sub{width:50%;}

.blog-intro{margin:10% auto 3% auto;}
.blog-grid{grid-gap:3% 5%;}
.blog-pagination{padding-bottom:10%;}

.contact-segment{width:55%;
                 margin:10% auto;
                 padding-bottom:5%;}
.c-grid{grid-template-columns:1fr;
        grid-gap:2%}
.contact-2{width:55%;}	
}

@media(max-width:1400px){
.single-blog-post{width:70%;
                  margin:0 auto;}
.single-intro{grid-gap:0;
              grid-template-columns:1fr;
              width:70%;
              margin:10% auto 3% auto;}
			  
h1{margin-top:30px;
   margin-bottom:30px;}
.blog-line{margin-top:0;}

.rel{width:70%;}
}

@media(max-width:1280px){
h1{font-size:5vw;
   margin-top:20px;
   line-height:1.1;}
h2{line-height:1.1;}
h3{line-height:1.1;}
   
.blog-sub-t{font-size:28px;}

.listing-section{width:40%;
                 margin:20% auto;
                 padding-bottom:5%;}

.list-grid{grid-template-columns:1fr;}
.list-btn{padding-top:40px;}

.listing-space{height:11vh;}

.list-b-t{font-size:7vw;
          line-height:1;}
.list-m-t{font-size:5vw;
          line-height:1;
          margin-bottom:20px;}

.list-btn a{font-size:3vw;}

.s-pg-top{padding-top:150px;}
.so-spacer{margin-top:150px;}

					
.talking-heads{width:70%;
               grid-template-columns:0.5fr 1fr;}

.blog-intro{width:50%;
            margin:50px auto;}
.blog-grid{grid-template-columns:1fr;
           width:60%;
           grid-gap:50px;}			
		   
.contact-segment{width:70%;}
.contact-2{width:70%;}

.fof-pg{width:50%;
        margin:20% auto;}
.pp-pg{width:70%;}
}

@media(min-width:1150px){
.site-navigation ul{display:grid !important;}
}

@media(max-width:1149px){
.services-bullets{margin-bottom:0;}
.page-header{padding:20px;}

.site-navigation ul{grid-template-columns:1fr;
	                display:none;
	                text-align:center;
	                padding-top:0;}
					
.site-navigation li{text-align:right;
	                padding-bottom:10px;
	                margin-right:50px;}

.nav-btn{display:block;
	     text-align:right;
	     margin-right:30px;
	     margin-top:0;
		 line-height:0.7;}	
		 
.site-logo{margin-left:30px;}

.footer-grid{width:95%;
             margin:4% auto;}

.numnum{margin-top:0;
        margin-bottom:40px;}
		
.numnum.has-text-align-right{text-align:left;}
		
.sl-num{font-size:70px;}
.sl-t{font-size:50px;}

.front-services-grid{grid-template-columns:1fr;
                     width:65%;
                     grid-gap:0;}

.front-featured{width:65%;}
.featured-blog-grid{grid-template-columns:1fr;
                    grid-gap:0;}
.latest-grid{width:90%;}
.latest-grid a{font-size:24px;}

.front-about{width:40%;}
.abt-grid{grid-template-columns:1fr;
          grid-gap:0;}
.abt-sub{width:65%;}
		  
.list-btn{padding-top:30px;}
		  
.sa-cta{width:60%;}

.blog-intro{width:60%;}

.related-title{padding-top:100px;}
.related-grid{padding-bottom:100px;}
}

@media(max-width:900px){
.page-header{padding:20px 0;}
.site-navigation ul{font-size:18px;}
.site-navigation li{margin-right:30px;}

.nav-btn{margin-right:30px;
         font-size:70px;}
	
.site-logo{margin-left:30px;}
.site-logo img{height:80px;}

.footer-grid{width:85%;
             grid-template-columns:1fr;
             grid-gap:0;
             margin:25px auto 0 auto;
             justify-items:left;}
.footer-area-4{justify-self:left;
               padding-right:0;}
.footer-area-1, .footer-area-2, .footer-area-3, .footer-area-4{padding-bottom:15px;}

h1{font-size:50px;
   line-height:1;}
h2{line-height:1.1;}
h3{line-height:1.1;}

.xl-t{font-size:13vw;}
.mxl-t{font-size:12vw;}
.l-t{font-size:50px;}
.numnum{font-size:65px;}
.m-t{font-size:26px;}
.sl-num{font-size:70px;}
.sl-t{font-size:50px;}

.my-a-ex{font-size:28px;}

.extra-spc-intro{margin-bottom:10px;}
.blue-intro{grid-template-columns:1fr;
            width:100%;
            margin:0 auto;
			grid-gap:0;}
.hm-fst{padding-left:5%;}
.blue-intro-spacer{height:0;}

.front-pg-subintro{grid-template-columns:1fr 0.1fr;
                   width:90%;
				   margin-top:0;
				   padding-top:0;}
				   
.front-services-grid{width:70%;}

.front-featured{width:80%;}
.featured-blog-grid{grid-template-columns:1fr;
                    grid-gap:0;}
.latest-grid{grid-template-columns:1fr;
             width:80%;
             grid-gap:60px;
             margin:0 auto 0px auto;}
.latest-grid a{font-size:26px;}

.front-about{width:50%;}

.minus-padd-t{margin-top:0;}

.s-pg-top{padding-top:180px;}
.so-spacer{margin-top:180px;}

.listing-section{width:70%;}
.listing-space{height:10vh;}

.list-b-t{font-size:8vw;}
.list-m-t{font-size:6vw;}
.list-btn a{font-size:5vw;}
.list-btn{padding-top:7%;}

.single-service-segment{width:60%;
                        margin:10% auto;
                        padding-bottom:10%;}			
.wwd-subservices{width:60%;}
.wwd-spacing{padding-bottom:50px;}
.hwa{width:60%}

.talking-heads{grid-template-columns:1fr;
               width:50%;
               grid-gap:0;}
				   
.th-p{margin-top:40px;}
				   
.spec-padd{padding-top:3%;}

.blog-intro{width:70%;
            margin:20% auto 5% auto;}	
.blog-grid{width:70%;}

.single-blog-post{width:80%;}
.single-intro{width:80%;
              margin:15% auto 3% auto;}
			  
.wp-block-embed figcaption.wp-element-caption{padding-bottom:20px;
	                                          width:70%;}

.rel{width:60%;}
.related-grid{grid-template-columns:1fr;}

.categories-title{margin-top:10%;}
.category-s-t{margin-bottom:0;
              padding-bottom:0;} 	

.categories-grid{grid-template-columns:1fr;
                 margin:3% auto 10% auto;}
}

@media(max-width:800px){
.front-about{width:60%;}
.sa-cta{width:80%;}
.blog-sub-t{font-size:28px;}

.single-service-segment{width:70%;
                        margin:15% auto;
                        padding-bottom:10%;}
.wwd-subservices{width:70%;}
.wwd-img{padding-top:20px;}

.next-s-link{width:80%;
             margin:0 auto;
             padding-bottom:100px;}
.next-serv-btn{font-size:4vw;
               font-weight:900;}
		
.hwa{width:70%;
     margin:20% auto 0 auto;}
		
.talking-heads{width:60%;}
		   
.rel{width:60%;}

.contact-segment{width:80%;
                 margin-top:20%;}
.contact-2{width:80%;
	margin:100px auto 50px auto;}

.fof-pg{width:70%;
        margin:30% auto;
        text-align:center;}

.pp-pg{width:80%;
margin:20% auto;}
}

@media(max-width:600px){
.blue-intro-wrap{margin-top:100px;}
.my-spc{height:180px;}
.cta-spc{height:150px;}
	
.site-navigation ul{font-size:16px;}
.site-navigation li{padding-bottom:20px;}

.nav-btn{margin-right:20px;
         font-size:50px;}

.site-logo{margin-left:20px;}

.footer-grid{width:80%;}
	
h1{font-size:7.8vw;
   line-height:1;
   margin-top:20px;
   margin-bottom:20px;}
h2{line-height:1.2;}
h3{line-height:1;}

.xl-t, .mxl-t{font-size:13vw;}
.l-t{font-size:45px;}
.numnum{font-size:55px;
        margin-bottom:30px;}
.latest-grid a{font-size:24px;}
.single-bull{font-size:17px;}
.sa-btn, .sa-btn-white{font-size:21px;}
.sl-num{font-size:55px;}
.sl-t{font-size:45px;}

.blog-sub-t{font-size:22px;
            margin-top:10px;}
.blog-pagination{padding-bottom:10%;
                 padding-top:10%;}
.page-numbers{font-size:30px;}

.front-pg-subintro{grid-template-columns:1fr;}

.front-services-grid{width:85%;}

.front-featured,.latest-grid, .front-about{width:85%;}

.s-pg-top{padding-top:150px;}
.so-spacer{margin-top:150px;}

.sa-btn{padding-top:3%;}
			
.listing-space{height:8vh;}
.listing-section{margin:30% auto;
                 width:60%;}

.list-b-t{font-size:11vw;}
.list-m-t{font-size:8vw;}
.list-btn a{font-size:7vw;}

.single-service-segment{width:80%;
                        margin:30% auto;
                        padding-bottom:20%;}
.wwd-subservices{width:80%;}

.col-2{padding-bottom:0;}

.next-s-link{padding-bottom:80px;}
.next-serv-btn{font-size:5vw;
               font-weight:900;}
.next-serv-btn a{margin-left:2%;}

.hwa{width:80%;
     margin:25% auto 0 auto;}
.abt-sub{width:80%;}		
.talking-heads{width:80%;}

.blog-intro{width:85%;
            margin:20% auto 8% auto;}	
.blog-grid{width:85%;
           grid-gap:50px;}
		   
.wp-block-image figcaption{font-size:2vw;}
		  
.related-grid{grid-gap:50px;}
			  
.categories-title{margin-top:20%;
                  text-align:left;}
.categories-grid{margin:5% auto 20% auto;
                 width:80%;}

.page-content{width:80%;
             margin:0 auto;}
			 
.form-areas{height:50px;}
.form-t-area{height:200px;}			 
}

@media(max-width:400px){
h1{font-size:9vw;}
h2{font-size:7vw;}
h3{font-size:5.5vw;}

.xl-t, .mxl-t{font-size:16vw;}
.l-t{font-size:9.5vw;
     margin-bottom:10px;}	   
.numnum{font-size:14vw;
        margin-bottom:20px;}
.m-t{font-size:7vw;}
.services-bullets{font-size:5.2vw;}

.my-a-ex{font-size:6.5vw;}
.single-date{font-size:5.2vw;}
.s-t{font-size:5.2vw;}	

.sl-num{font-size:15vw;}
.sl-t{font-size:9vw;}
.single-bull{font-size:5.2vw;}

.bp-category a{font-size:3.5vw;}

.sa-btn{font-size:5.8vw;
        padding-top:2%;}
.sa-btn a, .sa-btn-white a{font-size:6vw;
padding:3%;}
.sa-btn-white{font-size:5.8vw;}

.page-header{padding:15px 0;}
.site-logo{margin-left:10px;}
.nav-btn{margin-right:15px;
margin-top:15px;}

.front-services-grid, .front-featured, .latest-grid, .front-about{width:85%;}
.front-services-grid{grid-gap:5px;}
.latest-grid a{font-size:6vw;}
.specc{margin-top:10%;}

.blue-intro-wrap{margin-top:80px;}
.my-spc{height:120px;}
.btw-serv-spc{height:80px;}
.cta-spc{height:100px;}

.listing-section{margin:30% auto 10% auto;
                 width:80%;}

.list-b-t{font-size:13vw;}
.list-m-t{font-size:9vw;}
.list-btn a{font-size:8vw;}

.single-service-segment{width:85%;
margin:30% auto 0 auto;
padding-bottom:15%;}
.wwd-subservices{width:85%;
margin:25% auto 5% auto;}
.sl-grid{padding-bottom:80px;}
.wwd-spacing{padding-bottom:30px;}

.next-serv-btn{font-size:6vw;}

.hwa{margin:30% auto;
    width:85%;}	
.abt-sub{width:85%;}
.talking-heads{width:85%;}
.centered{text-align:left;}

.th-lower-padd{padding-bottom:30%;}

.blog-pagination{padding-bottom:20%;
                 padding-top:20px;}
				 
.single-intro{margin:25% auto 3% auto;
              width:90%;}
.single-blog-post{width:90%;}
.rel{width:80%;}
.related-title{padding-top:80px;}
.related-grid{padding-bottom:80px;}
}