/* ----------------------------------
        SHOWCASE STYLES
---------------------------------- */
:root {
    --default-width: calc(100% - 10vw);
}

* {
    margin: 0;
    padding: 0;
}

#main_wrapper {
	width: 100%;
	min-height: 100dvh;
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	overflow: hidden;
}

.section {
	width: 100%;
	position: relative;
	/* flex-grow: 1; */
}

.wrapper {
    position: relative;
    margin-inline: auto;
    box-sizing: border-box;
}

.nomargin { margin: 0 !important; }
.notopmargin, .nomargintop {margin-top: 0 !important;}
.nobottommargin, .nomarginbottom {margin-bottom: 0 !important;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.full_img {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
}

/* ----------------------------------
            CUSTOM CODE
---------------------------------- */

/* MARK: Textbox */
.simple_text_wrapper {
	display: flex;
	align-items: flex-end;
    /* padding-block: min(150px, 12vw) min(75px, 10vw); */
    padding-block: min(150px, 12vw) min(40px, 6vw);
}
.simple_text_wrapper .wrapper {width: min(780px, var(--default-width));}
.simple_text_wrapper h1 {color: #00529b;}
.simple_text_wrapper h5 {color: #000;}


/* MARK: Video */
.simple_video_wrapper {
	width: min(1920px, 100%);
	display: flex;
    align-items: flex-start;
    justify-content: center;
	margin-bottom: min(75px, 12vw);
	perspective: 1000px;
}
#videoBG {
	width: 2501px;
	height: auto;
	position: absolute;
}
.simple_video_wrapper .video_frame {
	width: min(439px, 100%);
	aspect-ratio: 439/838;
	display: flex;
    align-items: center;
    justify-content: center;
}
#phone {position: relative;}
.simple_video_wrapper video {
	width: 77.25%;
	aspect-ratio: 360/640;
	position: relative;
	display: block;
	position: absolute;
}


/* ----------------------------------
        MARK: MEDIA QUERIES
---------------------------------- */

/* TAB 1024 */
@media only screen and (max-width: 1024px) {

}
		
/* MOB 768 */
@media only screen and (max-width: 768px) {


}

/* PHONE 600 */
@media only screen and (max-width: 600px) {

	#videoBG {display: none;}
	
}