/* Some declarations*/

body>section:first-of-type {
    /*min-height: 100vh;*/
}

small {font-size: 0.5em}
body section:first-of-type>div {
    /*height: 100vh;*/
}

body>section {
    position: relative;
    background-position: center top;
    background-size: cover;
    min-height: 100vh
}

section[id^="10meet-me"] {
	background-position: top left, top center;
}
section[id^="30video"] header {
	display: none; content:unset;
	}
section[id^="30video"]:before {
	display: none !important; content:unset !important;
	}
section[id^="30video"] {padding:0 !important; margin:0 !important; min-width: 100% !important; height: 100%; background-position: center;}
section[id^="30video"] .container {padding:0; margin:0; min-width: 100% !important; height: 100%;}
.grav-youtube {width: 100%; height: 100%;padding:0; margin:0; }


@media screen and (max-width: 736px) {
	section[id^="30video"] {
	min-height: unset;
    padding:0 0 56% 0 !important;
	}
	section.style2>.content.box {
		position: absolute !important;
	    margin-left: 50% !important;
	    top: 50% !important;
	    width: 90% !important;
	    transform: translate(-50%, -50%) translateZ(0) !important;
	}
	section.style1>.content.container{
		position: absolute !important;
	    left: 50% !important;
	    top: 50% !important;
	    width: 90% !important;
	    transform: translate(-50%, -50%) translateZ(0) !important;
	}
}

.image img {
    display: block;
    height: 100%;
    /*max-height: 75vh;*/
}

.flexrow { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.flexitem {}