/* Hero */
.header-framar {height:1100px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(/assets/img/lp/framar/hero-framar.webp);}

.section-screen {margin-top:-640px;position: relative;margin-bottom:70px;}
.section-screen .video-container {width:100%;position:relative;overflow:hidden;border-radius:25px;border:6px solid #0B0B0C;box-shadow:5px 10px 50px rgba(0,0,0,.2);}
.section-screen .video-container img {width:100%;}
.section-screen .video-container .video {position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;overflow:hidden;-webkit-transition:width .3s;transition:width .3s;}
.section-screen .video-container .video .videoBg {min-width:100%;min-height:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

.section-half .text-container {padding-left:45px;}

.section-image-text .row.flex {display:flex;flex-wrap:wrap;align-items:center;}
.section-image-text .block-content {height:auto;}

.media.media-team {margin-top:10px;}

/* Smartphone */
@media only screen and (max-width: 767px) and (min-width: 320px) {
	.header-framar {background-image:url(/assets/img/lp/framar/hero-framar-mobile.webp);}
	.header-framar h1 {font-size:42px;}
	.header-framar {height:450px;}
	.section-screen {margin-top:-270px;margin-bottom:10px;}

	.section.section-project-data {padding-top:105px;}
	.section-project-data .section-title {margin-top:40px;}

	.section.section-payoff.is-mobile-tall {padding:120px 0;}
	.section.section-half.img-top-mobile {padding:55px 0;}
	.section-half.img-top-mobile .block-image {margin-top:30px;margin-bottom:0;}
	.section-half .text-container {padding-left:0;}

	.section.section-payoff.is-tall {padding:100px 0;}
}
/* Smartphone Landscape */
@media only screen and (min-width:480px) and (max-width:767px){
}

/* Tablet */
@media only screen and (min-width:768px) and (max-width:991px) {
	.header-framar {height:850px;}
	.section-screen {margin-top:-360px;}

	.section.section-half.img-top-mobile {padding:55px 0;}
	.section-half.img-top-mobile .block-image {margin-bottom:0;}
	.section-half .text-container {padding-left:0;}
}

/* Tablet Landscape */
@media only screen and (min-width:992px) and (max-width:1199px) {
	.header-framar {height:1010px;}
}

/* Laptop 13' - 1366x768 Non-Retina */
@media only screen and (min-width:1200px) and (max-width:1366px) {
}

/* Laptop 15' - 1440x900 Non-Retina */
@media only screen and (min-width:1367px) and (max-width:1440px) {
}








