@charset "UTF-8";
/* CSS Document */

.page__background .content_page {
	padding: 100px 10vw 150px;
}

.app__header{
	display: none;
}

.app_content{
	font-size: 2rem;
	line-height: 2.2rem;
}

.app_content .big_font{
	font-size: 4vw;
	line-height: 4vw;
	margin-bottom: 5vh;
}

.app_content .btn_columns{
	width: 80%;
	max-width: 380px;
	gap:1vw;
}

.video_container{
	position: relative;
	width: 50%;
	max-width: 250px;
	margin: 0 auto;
}
.video_container video{
	width: 100%;
	height: auto;
	border-radius: min(3vw, 40px);
}
.video_container .phone{
	position: absolute;
	left: -5px;
	top: -5px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
}
.video_container .phone img{
	width: 100%;
	height: 100%;
}
@media(max-width:992px){
	.app__header{
		display: block;
	}
	.page__halfs .page__container_cols {
		display: flex;
		flex-direction: column-reverse;
	}
	.page__container_half {
		margin-bottom: 5vh;
	}
	.page__background .content_page {
		padding: 50px 10vw 150px;
	}
}
@media(max-width:800px){
	.page__container_half {
		padding: 0 8vw !important;
	}
}

@media(max-width:767px){
	.app_content .big_font{
		font-size: 3rem;
		line-height: 3rem;
	}
	.app_content{
		font-size: 2rem;
		line-height: 2.2rem;
	}
	.video_container .phone{
		position: absolute;
		left: -4px;
		top: -5px;
		width: calc(100% + 8px);
		height: calc(100% + 4px);
	}
	.page__header h1, .page__header.after_before_hide h1 {
		margin: 0;
		font-size: 12vw;
		line-height: 11.5vw;
	}
}
@media(max-width:600px){
	.page__container_half {
		padding: 0 !important;
	}
	.page__background .content_page {
		padding: 30px 7vw 150px;
	}
	.video_container{
		position: relative;
		width: 30%;
		max-width: 250px;
	}
	.app_content .big_font{
		font-size: 2rem;
		line-height: 2rem;
	}
	.video_container .phone{
		position: absolute;
		left: -3px;
		top: -2px;
		width: calc(100% + 5px);
		height: calc(100% + 1px);
	}
	.page__background {
		background-position: 60% 50%;
	}
}

/*
.animation_item{
	transition: all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart * /
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
} */