/* home */
#home {
	height: 100dvh !important;
}

#home .inner-row {
	height: 35vh;
}

#home .home-cols {
	padding-left: 0;
	padding-right: 0;
}

#home .side-img {
	max-width: 150px !important;
}

#home .side-img-left {
	padding-left: 20px;
	animation: float 6s ease-in-out infinite;
}

#home .side-img-right {
	padding-right: 20px;
	animation: float 6s ease-in-out infinite;
}

#home .home-heading {
	font-family: Corinthia;
	font-size: var(--fs-800);
	color: var(--clr-accent-600);
}

#home .home-info {
	font-family: Continent;
	font-size: var(--fs-350);
	color: var(--clr-accent-600);
}

.pandevs-link {
	text-decoration: none;
	color: var(--clr-accent-600);
}
.pandevs-link:hover {
	color: var(--clr-accent-800);
}

#home .main-img {
	max-width: 450px !important;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-20px);
	}

	100% {
		transform: translatey(0px);
	}
}

/* media query */
@media (max-width: 1200px) {
	#home .home-heading {
		font-size: var(--fs-800) !important;
	}

	#home .home-info {
		font-size: var(--fs-300);
	}

	#home .inner-row {
		height: 40vh;
	}

	#home .side-img {
		max-width: 140px !important;
	}

	#home .main-img {
		max-width: 400px !important;
	}
}

@media (max-width: 945px) {
	#home .home-heading {
		font-size: var(--fs-750) !important;
	}

	#home .inner-row {
		height: 50vh;
	}

	#home .main-img {
		max-width: 350px !important;
	}
}

@media (max-width: 780px) {
	#home .home-heading {
		font-size: var(--fs-650) !important;
	}

	#home .home-info {
		font-size: var(--fs-250);
	}
	#home .home-info {
		font-size: var(--fs-250);
	}
	#home .inner-row {
		height: 55vh;
	}

	#home .side-img {
		max-width: 90px !important;
	}

	#home .main-img {
		max-width: 300px !important;
	}
}

@media (max-width: 550px) {
	#home .inner-row {
		height: 55vh;
	}

	#home .side-img {
		max-width: 90px !important;
	}
	#home .home-info {
		font-size: var(--fs-200);
		width: 100%;
		word-wrap: break-word;
	}
	#home .main-img {
		max-width: 250px !important;
	}
}

@media (max-height: 820px) {
	#home .inner-row {
		height: 45vh;
	}

	#home .side-img {
		max-width: 90px !important;
	}

	#home .main-img {
		max-width: 250px !important;
	}
}