@media (max-width: 1440px) {

	/* How it Works */
	#howitworks { background-size: 350px auto; }

	/* Video */
	#video { background-position: -50px center; }
	    #video .video { margin-left: 10px; }
	        #video .video img { height: 280px; }
	        #video .video video { margin: 0px 45px; width: 370px; }

    /* Video 
    #video .video { margin-left: 10px; }
        #video .video img { height: 335px; }
        #video .video video { margin: 0px 55px; width: 442px; } */

}

@media (max-width: 1200px) {

	/* navbar */
	.navbar { margin-left: 220px; width: 735px; }

	/* LANDINGPAGE */

	/* header */
	header {  }
	    header .header_logo_landingpage { bottom: unset; max-height: 400px; top: -100px; }
	    header .navbar div.navbar-brand-home { left: -220px; }
	        header .navbar div.navbar-brand-home img { height: 160px; width: 160px; }

	body.inner header { background-size: 300px; }

	/* Video */
	#video { background-size: 350px; }
	    #video .video { margin-left: 10px; }
	        #video .video img { height: 235px; }
	        #video .video video { margin: 0px 36px; width: 314px; }

	/* USER acquisition */

	/* How it Works */
	#howitworks { background-position: left top; background-size: 250px auto; }
	    #howitworks h2 { font-size: 60px; }

	/* Parnterships */
	#partnerships { background: url(../img/bg_partnerships.svg) no-repeat left bottom; padding: 100px 0; margin: 0; }
	    
		#partnerships h2 { font-size: 60px; margin-bottom: 20px;text-align: center; }

}

@media (max-width: 991px) {

	.navbar { height: 65px; margin-left: 0; width: 100%; }
	.navbar-collapse { background: #000000dd; padding: 20px 20px 0; position: relative; top: -3px; }
		.navbar-collapse ul { margin-bottom: 20px }
			.navbar-collapse ul li { padding: 0; }

	/* LANDINGPAGE */

	/* header */
	header { background: url(../img/header_landingpage.jpg) no-repeat bottom center; background-size: cover; display: flex; position: relative; }
	    header .header_logo_landingpage { max-height: 400px; }
		header .navbar div.navbar-brand-home { display: none; }
		header h1 { font-size: 50px; margin: 67px 20% 20px 0; }
		header ul.buttons li { width: 50%; }
			header ul.buttons li .btn { width: 100%; }

	.navbar,
	.navbar.scrolled { left: 0; margin-left: 0; position: fixed; width: 100%; }
    .navbar a.navbar-brand,
    .navbar.scrolled a.navbar-brand { display: flex; margin-right: 30px; }
    .navbar div.navbar-brand-home,
    .navbar.scrolled div.navbar-brand-home { display: none; }
    .navbar .btn,
    .navbar.scrolled .btn { margin-right: 15px; }
    .navbar-collapse ul li a::after { margin-left: 0.5em; vertical-align: 0.155em; }

	/* MEDIATION */

	/* Video */
	#video { background-position: left top; height: auto; }
	    #video .video { margin: 50px 0 80px; }
	        #video .video img { height: 304px; left: 50%; margin-left: -250px; }
	        #video .video video { display: block; margin: 0px auto; width: 400px; }
	        #video h2 { font-size: 30px; text-align: center; }
    		#video p { font-size: 20px; text-align: center; }

    /* Text */
    body.inner .text h2 { font-size: 30px; }
    body.inner .text p { font-size: 20px; }

	/* Testimonials */
    #testimonials .slick2 div p { font-size: 20px; }
    #testimonials .square { height: 220px; position: relative; width: 220px; }
        #testimonials .square img { margin-left: -60px; margin-top: -57px; width: 120px; }

    /* FAQ */
	#faq { margin-bottom: 70px; }
	    #faq h2 { font-size: 60px; }
	    #faq #accordion .card-header button { font-size: 20px; }
	    #faq #accordion .card-body p { font-size: 20px; }

    /* Waitlist */
    #waitlist .container { background-size: 280px; }
        #waitlist h2 { font-size: 60px; }
        #waitlist p { font-size: 20px; }
        #waitlist form input { width: 300px; }

	/* Doc */
    #doc h2 { font-size: 40px; }
    #doc p { font-size: 20px; margin-bottom: 25px; }
    #doc .btn { font-size: 20px; }

    /* USER acquisition */

	/* How it Works */
	#howitworks { background-size: 200px auto; }
	    #howitworks h2 { font-size: 45px; }
        #howitworks ul li img { height: 30px; margin-right: 15px; }
        #howitworks ul li h3 { line-height: 30px; }
        #howitworks ul li p { font-size: 16px; }

	/* Footer */
	footer .container { text-align: center; }
	    
	    footer .logo { margin-bottom: 20px; }
	    footer .row div:last-child { display: flex; align-items: center; justify-content: flex-end; }
	        footer ul { flex-direction: column; padding: 0; width: 100%; }
	            footer ul li { margin-left: 0; }
	                footer ul li a { display: block; padding: 5px 0; }
	                footer ul li a.do-not-sell { font-size: 9px; }       

}

@media (max-width: 767px) {

	.row { padding: 0 15px; }

	/* navbar */
	.navbar { height: 50px; }
	    .navbar a.navbar-brand img { height: 50px; }
	    .navbar .navbar-toggler { padding: 5px 20px 14px; }

	/* header */
	body.inner header { background-size: 185px; background-position: right -12px; height: auto; padding-bottom: 50px; }

	    body.inner header h1 { color: #ff3c4b; font-size: 45px; margin: 97px 20% 15px 0; text-transform: uppercase; }
	    body.inner header p { font-size: 30px; }

	/* LANDINGPAGE */

	/* header */
	header { background-image: url(../img/header_landingpage_mobile.jpg); }
	    header .header_logo_landingpage { top: -150px; }
		header .navbar div.navbar-brand-home { display: none; }
		header h1 { font-size: 36px; margin: 187px 15px 10px; }
		header ul.buttons { flex-wrap: wrap; margin: 0; }
			header ul.buttons li { width: 100%; margin: 0 15px; padding: 10px 0; }

	/* About */
	#about .container { height: auto; padding: 50px 0; }
	    #about h4 { font-size: 18px; }
	    #about h2 { font-size: 30px; }
	    #about p { font-size: 14px; line-height: 130%; }

	/* MEDIATION */

	/* Numbers */
	#numbers { margin-bottom: 50px; }
	    #numbers h3 { font-size: 30px; }
	    #numbers h2 { font-size: 24px; }
	    #numbers p { font-size: 14px; }

	/* Video */
	#video { background-size: 280px; }
        #video .video img { height: 212px; margin-left: -174px; }
        #video .video video { width: 280px; }
        #video h2 { font-size: 26px; text-align: center; }
		#video p { font-size: 14px; text-align: center; }

    /* Text */
    body.inner .text { background-position: 110px center; background-size: auto 100%; height: auto; padding: 50px 0; }
	    body.inner .text h2 { font-size: 26px; }
	    body.inner .text p { font-size: 14px; }

	body.inner .text.left { background-position: -110px center; }

	/* Testimonials */
	#testimonials { height: auto; padding: 50px 0 80px; }
		#testimonials .slick2 { margin: 0; }
	    	#testimonials .slick2 div p { font-size: 16px; }
	    #testimonials .square { height: 100px; margin: 0 auto 30px; width: 100px;  }
	        #testimonials .square img { margin-left: -21px; margin-top: -20px; width: 42px; }

    /* FAQ */
	#faq { margin-bottom: 0; padding-top: 30px; min-height: 500px; }
	    #faq h2 { font-size: 50px; }
	    #faq #accordion .card-header button { font-size: 16px; padding: 10px 30px 10px 0; }
	    #faq #accordion .card-header button:before,
	    #faq #accordion .card-header button[aria-expanded="true"]:before { border-width: 5px; margin-top: -3px; }
	    #faq #accordion .card-header button[aria-expanded="true"]:before { margin-top: -5px; }
	    #faq #accordion .card-body p { font-size: 14px; padding: 10px 0; }

	/* Waitlist */
	#waitlist { height: auto; }
	    #waitlist .container { background-position: left top; background-size: 200px; padding-top: 200px; }
	        #waitlist h2 { font-size: 60px; margin-bottom: 0; text-transform: uppercase; }
	        #waitlist p { font-size: 20px; }
	            #waitlist form input { width: 230px; }

	/* Doc */
	#doc { height: auto; padding: 100px 0; }
    #doc h2 { font-size: 35px; }
    #doc p { font-size: 20px; margin-bottom: 25px; }
    #doc .btn { font-size: 20px; }

    /* USER acquisition */

	/* How it Works */
	#howitworks { background-position: left -140px; background-size: 250px auto; }
	    #howitworks h2 { font-size: 60px; }

	/* Parnterships */
	#partnerships { background-position: -163px bottom; background-size: cover; margin-bottom: 20px; padding: 50px 0; }	    
		#partnerships h2 { font-size: 40px; margin-bottom: 0; }

	/* FAQ */
	.user-acquisition #faq { min-height: 400px; }

}

@media (max-width: 576px) {

	/* header */
	header {}
	    header .header_logo_landingpage { top: -125px; max-height: 350px; }	
		header h1 { font-size: 25px; margin: 127px 15px 10px; }
		header ul.buttons li .btn { padding: 12px 0 10px; }

	body.inner header { background-size: 185px; background-position: right -12px; min-height: 400px; padding-bottom: 50px; }

}