@charset "UTF-8";
/* OVO™ - Small Size */

@media (max-width: 480px){
	.landing-container .black-circle {
		position: absolute;
		display: block;
		width: calc(100vw + 10vw);
		height: calc(100vw + 10vw);
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: rgba(16,17,13,0.8);
		border-radius: 50%;
	}
	
	.landing-container .landing-left {
		position: absolute;
		display: block;
		overflow: hidden;
		width: 100vw;
		height: 50vh;
		top: 0;
		left: 0;
		background-color: rgba(252,238,33,0);
	}

	.landing-container .landing-left .left-half {
		position: absolute;
		display: block;
		width: 70vw;
		height: 70vw;
		top: auto;
		bottom: -35vw;
		right: 15vw;
		background-color: rgb(252,238,33);
		border-top-left-radius: 50%;
		border-bottom-left-radius: 0;
		border-top-right-radius: 50%;
		cursor: pointer;
		transition: all .4s ease-in-out;
	}

	.landing-container .landing-left .left-half:hover {
		position: absolute;
		display: block;
		width: 70vw;
		height: 70vw;
		top: auto;
		bottom: -35vw;
		right: 15vw;
		background-color: rgb(252,238,33);
		border-top-left-radius: 50%;
		border-bottom-left-radius: 0;
		border-top-right-radius: 50%;
		cursor: pointer;
		transition: all .4s ease-in-out;
	}

	.landing-container .landing-left .left-half .text {
		position: absolute;
		display: block;
		width: 100%;
		height: auto;
		top: 25%;
		left: 50%;
		transform: translate(-50%, -25%);
	}

	.landing-container .landing-left .left-half .text h1 {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		font-size: 32px;
		text-transform: uppercase;
		text-align: center;
		color: rgb(16,17,13);
	}

	.landing-container .landing-right {
		position: absolute;
		display: block;
		overflow: hidden;
		width: 100vw;
		height: 50vh;
		top: auto;
		bottom: 0;
		right: 0;
		background-color: rgb(108,182,230,0);
	}

	.landing-container .landing-right .right-half {
		position: absolute;
		display: block;
		width: 70vw;
		height: 70vw;
		top: -35vw;
		left: 15vw;
		background-color: rgb(108,182,230);
		border-top-right-radius: 0;
		border-bottom-left-radius: 50%;
		border-bottom-right-radius: 50%;
		cursor: pointer;
		transition: all .4s ease-in-out;
	}

	.landing-container .landing-right .right-half:hover {
		position: absolute;
		display: block;
		width: 70vw;
		height: 70vw;
		top: -35vw;
		left: 15vw;
		background-color: rgb(108,182,230);
		border-top-right-radius: 0;
		border-bottom-left-radius: 50%;
		border-bottom-right-radius: 50%;
		cursor: pointer;
		transition: all .4s ease-in-out;
	}

	.landing-container .landing-right .right-half .text {
		position: absolute;
		display: block;
		width: 100%;
		height: auto;
		top: 75%;
		right: 50%;
		transform: translate(50%, -75%);
	}

	.landing-container .landing-right .right-half .text h1 {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		font-size: 32px;
		text-transform: uppercase;
		text-align: center;
		color: rgb(255,255,255);
	}
}