body{
	background: rgba(250,250,250,1);
	font-variant: common-ligatures;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
	"Roboto", sans-serif;
	margin:0;
	float:left;
}

.main {
	width:100%;
	position: absolute;
	float:left;
}

.container {
	
	width:70%;
	margin-left:15%;
	margin-right:15%;
	/*background-color: rgba(255,255,255,1);*/
	position: relative;
	float:left;
	
	
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}

.header {
	width:100%;
	float:left;
	margin-top: 50px;
	margin-bottom:50px;
	position: relative;
	background:#FFF;
}

.privacyContent {
	
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:50px;
	float:left;
	background:#FFF;
	line-height: 1.5;

}

.headerLeft {
	width:80%;
	float:left;
	margin-right:2.5%;
	position:relative;
}

.headerRight {
	width: 17.5%;
	float:right;
	position:relative;
}



.header h1 {
	font-weight: bolder;
	font-size: 25pt;
	text-decoration: none;
	margin:0;
	margin-bottom:10px;
}

.header h3 {
	font-size: 15pt;
	font-weight: normal; 
	text-decoration:none;
	margin:0;
	
}

.buttonRow {
	
	margin-top:50px;
	width:100%;
	float:left;
	position: relative;
}


.button{
	width:14.5%;
	height:42px;
	float:left;
	margin-right:2.5%;
	color:#000;
	
	font-variant: common-ligatures small-caps;
	font-size:14pt;
	font-weight:normal;
	
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;


	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	box-shadow: 0px 0px 0px grey;
	border-radius: 10px;
	transform: perspective(1000px) rotateX(0deg);
	-webkit-transition: background-color 0.5s, transform 0.5s;
	position: relative;
}

#lastButton {
	margin-right:0;
}

#button {
	
	text-decoration:none;
}

.button a{
	text-decoration:none;
}

.button:hover{
	
	background-color:rgba(225,225,225,1);
	-webkit-transition: background-color 0.5s, transform 0.5s;
	z-index:100000;
	
}

#active{
	background-color:rgba(225,225,225,1);
	-webkit-transition: background-color 0.5s, transform 0.5s;
	z-index:100000;
	background-color:rgba(225,225,225,1);
}


#praise {
	text-align:left;
}


.gridBox {
	width:100%;
	margin:0;
	float:left;
	position: relative;
}

.awards {
	font-size:18pt;
	margin-bottom:0;
	font-weight:700;
}

.awardsDetail {
	font-size:15pt;
	font-variant: common-ligatures small-caps;
	margin-top:0;
	border-radius:6px;
	font-weight:400;
}


#rowGap {
	margin-top:50px;
	position: relative;
}

.noHover {
	text-decoration:none;
}

.gridBox h1 {
	font-weight:600;
}

	

.thought {
	font-weight:600; 
	margin-bottom:0px;
	font-variant: common-ligatures small-caps;
}

.gridBox p {
	width:80%;
	float:left;
	line-height:1.5;
	margin-top: 0;
	margin-bottom: 20px;
}


.gridBox #box img {
	border-radius: 10px;
	position: relative;
}

.gridbox #box video {
	border-radius: 10px;
}


.macstories {
	background-color: rgba(161,36,29,0.5);
	-webkit-transition: background-color 0.5s;
	color:#FFF;
}

.ai {
	background-color: rgba(58,65,73,0.5);
	-webkit-transition: background-color 0.5s;
	color:#FFF;
}

.bp {
	background-color: rgba(104,172,182,0.5);
	-webkit-transition: background-color 0.5s;
	color:#FFF;
}

.macstories:hover {
	background-color: rgba(161,36,29,1);
	-webkit-transition: background-color 0.5s;
	color:#FFF;
}

.ai:hover {
	
	background-color: rgba(58,65,73,1);
	-webkit-transition: background-color 0.5s;
	color:#FFF;
}

.bp:hover {
	
	background-color: rgba(104,172,182,1);
	-webkit-transition: background-color 0.5s;
	color:#FFF;
}

#media {
	font-size:15pt;
	font-variant: common-ligatures small-caps;
	padding-bottom:0;
	padding:20px;
	margin-bottom: 0;
}

.media a{
	text-decoration:none;
	color:#FFF;
}

.media a:hover {
	
	text-decoration:none;
	color:#FFF;
}

.media a:visited {
	text-decoration:none;
	color:#FFF;
}

#box {
	box-shadow: 0px 0px 0px grey;
	transform: perspective(1000px) rotateX(0deg);
	-webkit-transition: box-shadow 0.5s, transform 0.5s;
	border-radius: 10px;
}

#box:hover {

	transform: perspective( 1000px ) rotateX( -03deg );
	box-shadow: 0px 0px 20px grey;
	-webkit-transition: box-shadow 0.5s, transform 0.5s;
}

.oneBox{
	width:100%;
	float:left;
	position:relative;
}


.twoLeft {
	width:47.5%;
	margin-right:5%;
	float:left;
	position: relative;
}

.twoRight {
	width:47.5%;
	float:right;
	position:relative;
}

.contactFour1 {
		width:47.5%;
		margin-right: 2.5%;
		float:left;
}
	
.contactFour2 {
		width:47.5%;
		margin-left: 2.5%;
		margin-right:0;
		float:right;
}
	
.contactFour3 {
	
		width:47.5%;
		margin-right: 2.5%;
		float:left;
}
	
.contactFour4 {
	
		width:47.5%;
		margin-left: 2.5%;
		float:right;
		margin-right:0;
}
	

.four1 {
	width:21.25%;
	margin-right:5%;
	float:left;
	position: relative;
}

.four2 {
	width:21.25%;
	margin-right:5%;
	float:left;
	position: relative;
}

.four3 {
	width:21.25%;
	margin-right:5%;
	float:left;
	position: relative;
}

.four4 {
	width:21.25%;
	margin-right:0%;
	float:left;
	position: relative;
}


.threeLeft{
	
	width:30%;
	margin-right:5%;
	float:left;
	position: relative;
	
}

.threeCenter{
	
	width:30%;
	margin-right:5%;
	float:left;
	position: relative;
}

.threeRight {
	width:30%;
	margin:0;
	float:right;
	position: relative;
}

.footer {
	
	width:100%;
	margin:0;
	background-color: rgba(50,50,50,1);
	float:left;
	margin-top:50px;
	color: rgba(255,255,255,1);
		line-height:1.5;
	
	position: relative;
}

.footer .container {
	margin-top:50px;
}

.footerMonogram {
	width:100%;
	height:50px;
	position: relative;
	margin-top:50px;
	margin-bottom:50px;
	float:left;
}

.footerLeft {
	width:45%;
	margin-right:2.5%;
	float:left;
	position: relative;
}

.footerLeft hr {
	margin-top:25px;
	background-color: rgba(0,0,0,0);
	position: relative;
}

.footerRight hr {
	margin-top:25px;
	color: rgba(0,0,0,1);
}

.footerCenter {
	width:5%;
	float:left;
	margin-right:2.5%;
	position: relative;
}

.footerRight {
	width:45%;
	float:right;
	position: relative;
	
}

#footer {
	position: relative;
}

#footer:hover{
	text-decoration:none;
}

#footer a {
	color:#FFF;
	text-decoration:none;
}

#footer a:visited {
	color:#FFF;
}

#footer a:hover {
	border-bottom:1px solid #FFF;
}

@media all and (max-width: 2224px) {
	
	.button {
		font-size:12pt;
	}
	
	
}

@media all and (max-width: 1000px) {
	
	.button {
		font-size:8pt;
	}
	
}

@media all and (max-width: 690px) {
	
	.main {
		width:100%;
		margin:0;
	}
	
	.container {
		width:90%;
		margin-left:5%;
		margin-right:5%;
		float:left;
	}
	
	.headerLeft {
		width:100%;
		float:left;
		margin-right:0%;
	}

	.headerRight {
		width: 40%;
		float:left;
	}

	
	.header h1 {
		font-size: 20pt;
		margin:0;
		margin-bottom:10px;
	}

	.header h3 {
		font-size: 10pt;
		margin:0;
	}
	
	.button{
		width:28%;
		height:35px;
		font-size:9pt;
		margin-top:15px;
		margin-right:5%;
	}
	
	.buttonRow {
		margin-top:25px;
	}
	
	.header {
		margin-bottom:25px;
	}
	
	#lastButton {
		margin-right:5%;
	}
	
	.threeLeft {
		
		width:100%;
		margin-top:15px;

	}
	
	.threeCenter {
		
		width:100%;
		
		margin-top:20px;
		
	}
	
	.threeRight {
		width:100%;
		margin-top:20px;
	}
	
	.twoLeft {
		width:100%;
		
		margin-top:20px;
	}
	
	.twoRight {
		width:100%;
		margin-top:20px;
	}
	
	
	.contactFour1 {
		width:21.25%;
		margin-right:5%;
		float:left;
		position: relative;
	}
	
	.contactFour2 {
		width:21.25%;
		margin-right:5%;
		margin-left:0;
		float:left;
		position: relative;
	}
	
	.contactFour3 {
		width:21.25%;
		margin-right:5%;
		margin-left:0;
		float:left;
		position: relative;
		
	}
	
	.contactFour4 {
	
		width:21.25%;
		margin-right:0%;
		margin-left:0;
		float:right;
		position: relative;
	}
	
	
	.four1 {
		width:47.5%;
		margin-right: 2.5%;
		margin-top: 20px;
	}
	
	.four2 {
		width:47.5%;
		margin-left: 2.5%;
		margin-right:0;
		float:right;
		margin-top: 20px;
	}
	
	.four3 {
		width:47.5%;
		margin-right: 2.5%;
		margin-top: 20px;
	}
	
	.four4 {
		width:47.5%;
		margin-left: 2.5%;
		float:right;
		margin-right:0;
		margin-top: 20px;
	}
	
	#rowGap {
		margin-top:20px;
	}
	
	.gridBox h1 {
		font-size:20pt;
	}
	
	.gridBox p {
		width:90%;
	}
	
	
	.footer .container {
	margin-top:25px;
	}
	
	.footerLeft hr {
		margin-top:10px;
		background-color: rgba(0,0,0,0);
		position: relative;
	}

	.footerRight hr {
		margin-top:10px;
		color: rgba(0,0,0,1);
	}
	
	
	.footerMonogram {
		height:20px;
		margin-top:25px;
		margin-bottom:50px;
	}


} 

@media all and (max-width: 640px) {

	.button {
		font-size: 8pt;
	}

}