@media (max-width: 1199px) {
	
	#title p {
		flex-direction: column;
	}
	
	.cube-wrap {
		margin-left: 0;
		margin-top: 30px;
	}

	video {
        height: 80vh;
        object-fit: cover;
    }

}

@media (max-width: 992px) {

	.desktop {
		display: none !important;
	}

	.mobile {
		display: flex !important;
	}

	#projectsInner {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 14px 14px;
	}

	video {
        width: fit-content;
        height: 200vh;
        transform: translateX(-50%);
    }

}

@media (max-width: 767px) {

	h1 {
		font-size: 22px;
	}

	#hero, .hero-inner {
    	height: 50vh;
	}

	#heroImage img {
		width: 360px;
	}

	#heroImage p {
		top: 80px;
		left: calc(50% - 104px);
		font-size: 16px;
	}

	#title {
        padding: 100px 0;
	}

	video {
        height: 125vh;
    }

	#projectsWrap {
		padding-top: 50px;
	}

	h2 {
		margin-bottom: 50px;
	}

	#monkey {
		width: 200px;
	}

	#monkeySmoke {
		width: 15px;
		top: 130px;
		right: 3px;
	}

	#footer-bottom {
		height: auto;
		padding: 30px 20px;
		flex-direction: column;
	}

	#footer-bottom p,
	#footer-bottom a {
		font-size: 14px;
	}

	#socials {
		margin-bottom: 15px;
	}
}

@media (max-width: 500px) {
	video {
        height: 110vh;
        transform: translateX(-60%);
    }
}