/* Responsive Vertically */

.header-branding h1 {
	font-size: 38px;
	margin-top: 16px;
	margin-bottom: 8px;
}

.header-branding h2 {
	font-size: 26px;
	margin-bottom: 22px;
}

#header-menu {
	visibility: visible;
}

.desktop-menu {
	font-size: 22px;
	margin-top: 16px;
}

.mobile-menu {
	font-size: 18px;
	margin-bottom: 22px;
	visibility: hidden;
}

.info-hidden-layer-close {
	font-size: 60px;
}

.info-hidden-layer-title {
	font-size: 40px;
	margin-bottom: 45px;
}

.info-hidden-layer-content h3 {
	font-size: 28px;
	margin-bottom: 50px;
}

.info-hidden-layer-content h2 {
	font-size: 50px;
	margin-bottom: 22px;
}

.info-hidden-layer-practice {
	
}

.info-hidden-layer-practice-item h3 {
	font-size: 40px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-bottom: 0px;
}

.info-hidden-layer-practice-item p {
	font-size: 20px;
	padding-bottom: 20px;
}

.info-hidden-layer-content h4 {
	font-size: 36px;
	padding-top: 44px;
	padding-bottom: 60px;
}

.info-hidden-layer-contact {
	border-radius: 50px;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.info-hidden-layer-contact h3 {
	font-size: 50px;
	margin-bottom: 20px;
}

.info-hidden-layer-contact p {
	font-size: 36px;
	padding-bottom: 16px;
}

.info-hidden-layer-contact p a {
	font-size: 36px;
}

.info-hidden-layer-contact-social {
	gap: 24px;
	padding-top: 16px;
}

.info-hidden-layer-about {
	margin-top: 80px;
}

.info-hidden-layer-about p {
	font-size: 36px;
}

.info-hidden-layer-about img {
	
}

.site-footer-content h6 {
	font-size: 20px;
}

.below-layer-options div {
	padding-top: 20px;
	padding-bottom: 20px;
}

.open-info-layer img {
	width: 120px;
	margin-bottom: 5px;
}

.open-info-layer span {
	font-size: 40px;
}

.projects-container-background {
	gap: 24px;
}

.projects-item {
	width: 390px;
	height: 570px;
	/*margin-left: 14px;
	margin-right: 14px;*/
}

.projects-item h4 {
	font-size: 40px;
	padding: 10px;
}

.invisible-item {
	/*visibility: visible;*/
}

.project-banner h1 {
	font-size: 60px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 80px;
	padding-right: 80px;
}

.project-container-contents {
	max-height: unset;
}

.project-info-top{
	
}

.project-info-content {
	height: 690px;
	max-height: unset;
}

.project-imgs-content {
	max-height: unset;
}

.project-imgs-top{
	visibility: visible;
}

#project-text-up-arrow {
	
}

#project-text-down-arrow {
	
}

#project-img-up-arrow {
	
	top: 210px;
}

#project-img-down-arrow {
	
}