@charset "utf-8";
/* CSS Document */



@media only screen and (min-width: 600px) {

	
	.releaseCell {
		width: calc(50% - 40px);
	}
	
	.releaseTitle {
		margin-bottom: 40px;
	}

	
}
	




@media only screen and (min-width: 700px) {

      .officePic {
          width: 33.33%;
      }

}
	



@media only screen and (min-width: 930px) {
	
	
	
	.contact-modal {
        width: 500px;
		margin: 0;
    }
	
	/* ////////////////////////////////////////////////////////////////////////*/
	
	
	.logo{
		float: left;
		width: 30%;
	}


	.navEnv {
		margin: 0 auto;
    }
	
	.navPDA {
		display: none;
	}
	
	.navPDAEnv {
		display: none;
	}
	
	
	.navButton {
		float: left;
		width: 30%;
	}


    .nav {
      display: flex;
	  float: left;
	  width: 47%;
	  margin: 7px 0 0 0;
      justify-content: center; /* Horizontally centers .navEnv inside .nav */
      align-items: center;     /* Vertically centers .navEnv inside .nav */
    }

    /* Wrapper for the 4 cells treated as a single unit */
    .navEnv {
      display: flex;
      align-items: center;
      /* Optional: fit-content ensures navEnv stays tightly wrapped around the cells */
      width: fit-content; 
    }

    /* Individual cells */
    .navCell {
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap; /* Prevents text from wrapping */
    }


    .navButton {
        float: left;
        width: 23%;
        text-align: right;
    }
	
	

	/* ////////////////////////////////////////////////////////////////////////*/
	
	
	.heroEnv {
		position: relative;
		float: left;
		width: 100%;
		aspect-ratio: 16 / 9;
		height: auto;
		max-height: 1100px;
		margin: 64px 0 0 0;
		color: #FFF;
		box-sizing: border-box;
		background-color: #000;
		display: flex;
		align-items: center;
		padding: 40px 0;
		overflow: hidden;
	}
	
    .heroCellEnv {
        width: calc(100% - 80px);
        padding: 0 40px;
    }

	
	.heroCell {	
        width: 75%;
    }

	
	.heroTitle {
		line-height: 90px;
	}

	
	.heroText {
		font-size: 25px;
		line-height: 30px;
	}
	
	/* ////////////////////////////////////////////////////////////////////////*/
	
	
	
	/* ////////////////////////////////////////////////////////////////////////*/	
	

	.officeBorder {
		border-right: 1px #FFF solid;
		border-bottom: none;
	}

	
	/* ////////////////////////////////////////////////////////////////////////*/
	
	
	.mediaEnv {
		width: calc(100% - 80px);
		padding: 0 40px;
	}

	
	.mediaCell {
		width: calc(50% - 62px);
	}
	

	
	
	.mFrame1 {
        border-radius: 20px 0 0 0;
        border-right: 0;
		border-bottom: none;
    }

    .mFrame2 {
		border-radius: 0 20px 0 0;
        border-bottom: 0;	
    }

    .mFrame3 {
		border-right: 0;
        border-bottom: 0;
    }

    .mFrame4 {
        border-bottom: 0;
    }


	.mFrame5 {
		border-bottom: 1px solid #323136;
		border-right: 0;
		border-radius: 0 0 0 20px;
		
    }
	
	.mFrame6 {
        border-radius: 0 0 20px 0;
    }
	
	
	/* ////////////////////////////////////////////////////////////////////////*/	
	
	
	.thriveEnv {
		width: calc(100% - 80px);
		padding: 0 40px 120px 40px;
	}
	
	
	/* ////////////////////////////////////////////////////////////////////////*/	
	
	
	.discoverEnv {
		width: calc(100% - 80px);
	}
	
	
	
	/* ////////////////////////////////////////////////////////////////////////*/
	
	
	.teamCell {
		width: 29%;
		margin: 0 2% 40px 2%;
	}
	
	
	.testimonialCellEnv {
		width: 33.33%;
	}
	
	.testimonialCell {
		width: 80%;
		margin: 0 10% 40px 10%;
	}	
	
	/* ////////////////////////////////////////////////////////////////////////*/



    .releaseBG {
        aspect-ratio: 500 / 127;
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../pics/pressReleasePic.jpg");
    }

	
	.releaseCell {
		width: calc(33.33% - 40px);
	}
	
	

	
	/* ////////////////////////////////////////////////////////////////////////*/	
	
	
	.footer {
		width: calc(100% - 80px);
		padding: 0 40px;
	}
	
	
	.footerCell {
		float: left;
		width: 25%;
	}

	.footerCellSpacer {
		float: left;
		margin-right: 12.5%;
	}

	.footerTitle {
		height: 50px;
		margin: 0;
	}
	
	
	.footerCell3 {
		width: 50%;
		margin: 15px 0;
	}

	.footerCell4 {
		width: 50%;
		text-align: right; 
		margin: 15px 0;
	}

	
	
}



@media only screen and (min-width: 1100px) {


	.serviceEnv {
		width: calc(100% - 80px);
		padding: 0 40px;
	}

	
	.infoTitle {
        width: 60%;
    }
	
	
	.infoText {
        width: 60%;
    }
	
	
	.serviceCell {
		width: calc(50% - 47px);
		min-height: 90px;
	}
	

    .serviceTitle {
        padding: 10px 0 10px 0;
    }
	
	
	.sCexpand1 {
		width: calc(100% - 63px);
	}
	
	
    .frame1 {
        border-radius: 20px 20px 0 0;
        border-bottom: none;
    }

    .frame2 {
		border-radius: 0;
        border-bottom: 0;
		border-right: 0;
    }

    .frame3 {
        border-bottom: 0;
    }

    .frame4 {
        border-bottom: 0;
		border-right: 0;
    }

    .frame5 {
		border-bottom: 0;
    }

    .frame6 {
        border-bottom: 0;
    }

    .frame7 {
        border-bottom: 0;
		border-left: 0;
    }

    .frame8 {
		border-bottom: 0;
    }
	
	.frame9 {
		border-bottom: 1px solid #e7e9e8;
		border-left: 0;
		border-radius: 0 0 20px 0 ;
		
    }
	
	.frame10 {
        border-radius: 0 0 20px 20px;
    }
	

}
	

