/* ----------------------------------
        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-x: 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
---------------------------------- */

h5 {
    --min-font-size: 33;
}

/* MARK: Textbox */
.simple_text_wrapper {
	display: flex;
	align-items: flex-end;
    padding-block: min(150px, 12vw) min(75px, 10vw);
}

.simple_text_wrapper .wrapper {
	width: min(965px, var(--default-width));
}

.simple_text_wrapper h1 {
	color: #ff6f46;
}

/* MARK: Image */
.simple_image_wrapper {
	padding-bottom: min(45px, 10vw);
}

.simple_image_wrapper .wrapper {
	overflow: hidden;
}

.simple_image_wrapper img {
	/* max-width: var(--default-width); */
	max-width: calc(100% - 5vw);
	margin-inline: auto;
	display: block;
}

/* MARK: Video */
.simple_video_wrapper {
	background: green;
	padding-block: min(75px, 12vw);
}

.simple_video_wrapper .video_frame {
	background: tan;	
	width: min(1400px, var(--default-width));
	padding: min(110px, 90vw);
}

.simple_video_wrapper video {
	width: min(1200px, 100%);
	margin-inline: auto;
	display: block;
}


/* ----------------------------------
            MEDIA QUERIES
---------------------------------- */
/* TABLET */
@media only screen and (max-width: 1024px) {
	
}
		
/* MOBILE */
@media only screen and (max-width: 768px) {
	

}

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

	
}