@media(max-width:1199px) {
	.mainImageHolder {
		max-height: 100000px;
		height: calc(60vw - 86px - 15px);
	}
}

@media (max-width:992px) {
	.socialBlockHolder {
		height: 200px;
	}
	
	.socialBlockHolder > a{
		height: 125px;
		width: 125px;
		border-radius: 25px;
	}
	
	.socialBlockHolder > aimg {
		width: 50px;
		height: 50px;
		margin-bottom: 7px;
	}
	
	.socialBlockHolder > a.handle {
		font-size: 13px;
	}
	
	.mainImageHolder {
		max-height: 100000px;
		height: calc(67.5vw - 86px - 15px);
	}
}

@media (max-width:850px) {
	.mainNav {
		max-width: 600px;
	}
	
	.mainContent {
		margin: auto;
		width: calc(100% - 30px);
		max-width: 600px;
		/* margin-top: calc(100vh - 200px - 61px); */
	}
	
	.mainNav li {
		font-size: 12px;
		padding: 8px 15px;
	}
	
	.mainNav .navLogo {
		width: 100px;
	}
	
	.mainNav ul {
		width: calc(100% - 100px);
	}
	
	main {
		margin-top: 61px;
	}
	
	.mainImageHolder {
		margin-left: 0px;
		max-height: 450px;
		min-height: 330px;
		width: calc(100vw);
		height:calc(65vh - 61px);
		margin-top: 76px;
	}
	
	.mainImageHolder.spacer {
		display:block;
		position: relative;
	}
	
	
	.mainImage {
		right: 0;
		width:calc(100% - 32px);
		max-width: 600px;
	}
	
	.card {
		background: rgba(255, 255, 255, 0.9);
		-webkit-backdrop-filter:blur(20px) saturate(180%);
	}
}

@media (max-width:500px) {
	h1, h2, h3, h4, h5, h5 {
		font-weight: 600;
		margin-top: 4px;
	}
	
	h1 {
		font-size: 28px;
	}
	
	h2 {
		font-size: 22px;
	}
	
	.card {
		padding: 15px;
	}
}

@media (max-width:400px) {
	h1 {
		font-size: 22px;
	}
	
	h2 {
		font-size: 18px;
	}
	
	p {
		font-size: 14px;
	}
}

@media (max-width:370px) {
	.socialBlockHolder {
		border:none !important;
		height: 130px;
	}
	
	.socialBlockHolder > a{
		height: 115px;
		width: 115px;
	}
	
}