*{margin:0px; padding:0px; box-sizing:border-box;}
 html{
     overflow: hidden !important;
 }
body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-family: 'Inter', sans-serif;
    overflow: hidden;
}

.s-title{
    font-size:70px !important; 
    font-family: 'Libre Baskerville', serif; 
}
.s-title.small{
    font-size:40px !important; 
    line-height: 50px !important;
}
.s-title span.light{
    color:#6e9662; 
    overflow:hidden;
}
.s-title span.small{
    color:#3c5734; 
    overflow:hidden;
    font-size: 20px;
    line-height: 30px;
}


.snap-section-container{
    overflow-y: scroll;
    height: 100vh;
    /*scroll-snap-type: y proximity;*/
}
.snap-section-container .content {
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
}
.content-container {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px;

}
.snap-section{    
    scroll-snap-align: start;
    position: relative;
}
.pin-spacer{
    background: #f6f7f8; /*var(--tone-color)*/
}

.image-text-flex{
	display: flex;
	align-items: center;
}

@media screen and (max-width: 992px) {

	.image-section .content {
	    flex-direction: column;
	    height: 60vh !important;
	}
	.snap-section-container .content {
	    flex-direction: column;
	}
	.s-title{
	    font-size:40px !important; 
	}
	.s-title.small{
	    font-size:25px !important; 
	    line-height: 30px !important;
	}
	.image-text-flex{
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.image-text-flex img{
		margin: 0 auto;
	}
}

/*GALLER*/
.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }


/*CONTACT*/
.contact-mask{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    padding: 120px 0px;
    mix-blend-mode: revert;
    background: rgba(25, 0, 58, 0.164);
}

.service-circle{
	margin: auto;
	height: 250px;
    display: flex;
    flex-direction: column;
    width: 250px;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--tone-highlight);
    text-align: center;
    font-family: 'Libre Baskerville', serif;
    border-radius: 50%;
    color: white;
	
}


@media screen and (max-width: 1025px) {
   .s-title{font-size:60px; line-height:74px;}
  
  .cluster{max-width:600px; height:550px; margin:20px auto;}
  .dotsBlue{max-width:340px;left:0; top:56px;}
  .owlHorned{max-width:310px;}
  .circle{max-width:246px; height:246px; left:146px; top:300px;}
  .caption{bottom:38px; right:0;}
  
    .clusterBurrowing{max-width:600px; height:678px;}
    .dotsWhite{max-width:216px;left:0; top:275px;}
    .owlBurrowing{max-width:460px; top:112px;}
    .triangle{max-width:307px; height:304px; left:-14px;}
    .captionBurrowing{top:605px;}
}

@media screen and (max-width: 640px) {
     .s-title{font-size:44px; line-height:61px;}
  
  .cluster{max-width:480px; height:436px;}
  .dotsBlue{max-width:274px;left:0; top:45px;}
  .owlHorned, .owlBurrowing{max-width:248px;}
  .circle{max-width:196px; height:196px; left:115px; top:240px;}
  .caption{bottom:25px; right:0;}
  
  .clusterBurrowing{max-width:480px; height:542px;}
    .dotsWhite{max-width:174px;left:0; top:220px;}
    .owlBurrowing{max-width:369px; top:88px;}
    .triangle{max-width:240px; height:240px; left:-10px;}
    .captionBurrowing{top:482px;}
}

@media screen and (max-width: 540px) {
    .title{font-size:34px; line-height:51px; padding-left:0px;}
    .clusterPieces{position:relative;}
  
  .cluster{max-width:320px; height:530px;}
  .dotsBlue{display:none}
  .owlHorned{max-width:320px; top:0;}
  .circle{display:none;}
  .caption{float:right; bottom:0;}
  
    .clusterBurrowing{max-width:320px; height:268px;}
    .dotsWhite{display:none}
    .owlBurrowing{max-width:320px; top:0;}
    .triangle{display:none}
    .captionBurrowing{float:right; top:0; }
}



.modal{
	z-index: 122 !important;
}