/* ===== RESPONSIVE ===== */

@media (min-width: 450px) {

	.fv .sub-view .lead-group .lead-2 {
		margin-top: 4em;
		padding-left: 14%;
	}

}
@media (min-width: 590px) {

	#scale-root {
		width: 50%;
	}
	main {
		width: 80%;
		padding: 3em 0;
	}
	body#membo main {
		background-color: #6d0000;
		padding: 0;
	}

	.toolbar h1 {
		left: 0;
	}

	.fv .sub-view .lead-group .lead-2 {
		margin-top: 1em;
		padding-left: 24%;
	}

    .hamburger-menu-overlay {
        right: 10%;
	}
    .hamburger-menu.active {
        right: 10%;
    }

	.hamburger-menu.open {
	    right: 10%;
	}

	.page-top {
		right: 12%;
	}

	.fv .main-view .fv-catch {
	    left: 5%;
	}
	.fv .main-view .cta-container {
	    padding-left: 5%;
	}
	.fv .main-view .fv-vocal {
	    left: -5%;
	}

	.fv .sub-view .lead-container {

	}

	.fv .sub-view .lead-3 {
	    padding-left: 5%;
	}

	.step .tab-panels .tab-card {
	    width: 100%;
	    height: auto;
	}
	body#membo .step .tab-panels .tab-card {
	    width: 100%;
	    height: auto;
	}

}
@media (min-width: 680px) {

	.fv .sub-view .lead-group .lead-2 {
		margin-top: 3em;
		padding-left: 14%;
	}

}


@media (min-width: 768px) {
	.fv .sub-view .lead-container .lead-group {
		margin-left: 10%;
	}

]	.fv .sub-view .lead-group .lead-2 {
		padding-left: 34%;
	}

    .toolbar {
		/* margin: 0 10% 0 10%; */
		width: 80%;
		left: 10%;
    }

}

@media (min-width: 1200px) {
	.fv .main-view .cta-container {
	    padding-top: 87%;
	}

	.fv .sub-view .lead-group .lead-2 {
		padding-left: 34%;
	}

}