/********************************************

GENERAL 

********************************************/
/*  @media only screen and (max-width : 1100px) { 	}  */


	@media only screen and (max-width : 800px) { 
		#luxy{
			overflow: auto;
		}
	}


/***** Navigation *****/
	@media only screen and (max-width : 1100px) { 
		.nav.desktop>.container>.links>a{
			font-size: 1.4rem;
			
		}
	}
	
	@media only screen and (max-width : 900px) {
		.nav.desktop>.container>.logo{
			width: 100%;
			max-width: 200px;
		} 
		.nav.desktop>.container{
			padding: 15px;
		}
		.nav.desktop>.container>.links{
			display: none;
		}
		.nav.desktop>.container>.mobile_nav_open{
			display: inline-block;
		}
	}

/***** Footer *****/	
	@media only screen and (max-width : 800px) { 
		footer{
			padding-bottom: 80px;
		}
	}

	@media only screen and (max-width: 800px) {
		footer {
			padding-top: 40px;
		    padding-bottom: 30px;
		}
	}

/***** Modals *****/

@media only screen and (max-width : 600px){
	.modal.video {
		height: 0px;
		width: calc(100% - 35px);
	}
	.modal.video.active {
		height: 315px;
	}
	.modal >.modal_close.main{
		top: -35px;
		right: -5px;
	}
	
}

	/***** Normal Form *****/

/***** Buttons *****/
		

	

/********************************************

HOME PAGE

********************************************/

	/***** Hero *****/

		@media only screen and (max-width : 920px) { 
			.home_1{
				height: auto;

			}
			.home_1>.background{
				/*background-image: url('../img/hero-mobile-bg.png');*/
				background-image: none;
				background-color: #82A16E;
				position: relative;
				height: auto;
				background-size: cover;
				background-position: top center;
				background-repeat: no-repeat;
				padding-bottom: 50px;
			}
			.home_1>.background>.container{
				margin-top: 0;
				height: auto;
			}
		}

		@media only screen and (max-width : 600px){
			.home_1>.background>.container>.copy{
				font-size: 1.4rem;
			}

			
		}


	/***** Mini Nav *****/
		@media only screen and (max-width : 1050px){
			.home_1>.quick_links{
				padding-bottom: 175px;
			}
			.home_1>.quick_links>.inner_nav>a{
				font-size: 1.8rem;
			}
		}

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

			.home_1>.quick_links{
				display: none;
			}

			/*.home_1>.quick_links>.inner_nav{
				flex-direction: column;
			}
			.home_1>.quick_links>.inner_nav>a{
				width: 100%;
				border-radius: 0;
				padding: 25px 35px;
			}
			.home_1>.quick_links>.inner_nav>a:first-of-type{
				border-radius: 25px 25px 0px 0px;
			}
			.home_1>.quick_links>.inner_nav>a:last-of-type{
				border-radius: 0;
			}*/
		}

	





	/***** Video Section *****/

		@media only screen and (max-width : 1050px){
			.home_3{
				padding-top: 0;
				padding-bottom: 0;
			}
			.home_3>.video_preview{
				flex-direction: column;
				justify-content: center;
				align-items: center;
				position: relative;
			}

			.home_3>.video_preview>.copy{
				border-radius: 25px 25px 0 0px;
				max-width: none;
				padding: 35px;
			}
			.home_3>.video_preview>.copy:after{
				content: '';
				width: 0;
				height: 0;
				position: absolute;
				left: 50%;
				top: 100%;
				
				transform: translate3d(-50%,0%,0);
				border-left: 35px solid transparent;
				border-right: 35px solid transparent;
				border-top: 35px solid #feca66;

			}
			.home_3>.video_preview>.copy>h2{
				max-width: none;
				text-align: center;
			}

			.home_3>.video_preview>.image{
				border-radius: 0 0px 25px 25px;
				max-width: none;
			}
		}

	/***** image | copy Section *****/
		@media only screen and (max-width : 1100px){
			.content_block_1{
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}

			/*
			.home_3 .content_block_1:last-of-type{
				flex-direction: column-reverse;
			}
			*/


			.content_block_1>.copy>h2 {
				margin-bottom: 10px;
			}
			.content_block_1>.image{
				max-width: none;
			}
			.content_block_1>.copy{
				max-width: none;
			}
			.content_block_1>.copy:first-child {
			    padding-right: 0px;
			    padding-left: 0;
			    text-align: center;
			}
			.content_block_1>.copy:last-child {
			    padding-left: 0px;
			    padding-right: 0;
			    text-align: center;
			}
		}

		@media only screen and (max-width : 800px){
			.content_block_1>.copy>h2 {
				font-size: 4.2rem;
			}
		}
		@media only screen and (max-width : 450px){
			.content_block_1>.copy>h2 {
				font-size: 3rem;
			}
			.content_block_1>.copy>p {
				font-size: 1.4rem;

            }
		}

	/***** Form Section *****/
		@media only screen and (max-width : 1000px){
			.content_block_2{
				flex-direction: column;
			}
			.content_block_2>.copy{
				text-align: center;
				padding-bottom: 50px;
				max-width: none;
			}
			.content_block_2>.copy>h2{
				font-size: 5rem;
				line-height: 5.5rem;
			}
			.content_block_2>.form{
				max-width: none;
				padding-left: 0;
                margin-bottom: 150px;
                         
          
		}

		@media only screen and (max-width : 800px){
			.content_block_2>.copy>h2 {
				font-size: 4.2rem;
				line-height: 4rem;
                 }
                .content_block_2>.form{
				padding-left: 0;
                margin-bottom: 150px;
			}
		}

		@media only screen and (max-width : 450px){
			.content_block_2>.copy>h2 {
				font-size: 3rem;
				line-height: 3.3rem;
			}
			.content_block_2>.copy>p{
				font-size:1.4rem;
            }
                .content_block_2>.form{
				padding-left: 0;
                margin-bottom: 150px;
                                    
			}
         
		}

	/***** "how do I get?" Section *****/
		@media only screen and (max-width : 1000px){
			.home_5>.background{
				background-position: top center;
				height: 500px;
			}
			.home_5>.copy{
				width: calc(100% - 70px);
			}
		}
		

/***** Home 2 *****/


	/***** Home 2 *****/
		@media only screen and (max-width : 920px){
			.home_2{
				padding-top: 50px;

			}
			.home_2>.image{
				position: relative;
				transform: none;
				left: 0;
				padding-bottom: 35px;
			}

		}
		

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

		.home_2>.copy>h1 {
			font-size: 4.2rem;
		}
		.home_2>.copy>p {
			font-size: 2rem;
		}
	}

	@media only screen and (max-width : 450px) { 
		.home_2 {
		    padding-top: 40px;
		    padding-bottom: 230px;
		}
		.home_2>.copy>h1 {
			font-size: 3rem;
		}
		.home_2>.copy>p {
			font-size: 1.4rem;
		}
	}


/***** Home 3 *****/

	@media only screen and (max-width : 1100px){
		.home_3>.video_preview {
			margin-bottom: -100px;
		}

		.home_3 .content_block_1:first-of-type {
			flex-direction: inherit;
			flex-wrap: wrap-reverse;  
			margin-bottom: 75px; 
		}

		.home_3 .content_block_1>.copy>p {
			padding-bottom: 75px;
		}
	}


	@media only screen and (max-width : 800px){
		.home_3>.video_preview>.copy>h2 {
			font-size: 4.2rem;
		}
	}

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

		.home_3 .content_block_1:first-of-type {
			flex-direction: column;
			flex-wrap: wrap;  
			margin-top: 25px; 
		}

		.home_3 .content_block_1:last-of-type {
			flex-direction: inherit;
			flex-wrap: wrap-reverse;  
			margin-bottom: 75px; 
		}

		.home_3 .content_block_1>.copy>h2 {
		    margin-top: 15px;
		}
		.home_3>.video_preview>.copy>h2 {
			font-size: 3.5rem;			
		}

		.home_3 .content_block_1>.copy>p {
		    padding-bottom: 25px;
			font-size: 1.4rem;
    		line-height: 2.4rem;		    
		}
	}

/***** Home 4 *****/

	@media only screen and (max-width : 1100px){
		.home_4 {
			padding-bottom: 100px;
		}
	} 

	@media only screen and (max-width : 450px){
		.home_4 .content_block_2>.copy>p {
		    line-height: 2.6rem;
		}
	}

/***** Home 5 *****/

	@media only screen and (max-width : 1100px){
		.home_5 {
			padding-bottom: 50px;
		}
		.home_5>.background {
		    height: 600px;
		}
		.home_5>.copy>h2 {
			font-size: 5.2rem;
		}
		.home_5>.copy>p {
			padding-bottom: 25px;
		}
		.home_5>.copy {
			bottom: -25px;
		}
	}

	@media only screen and (max-width: 800px) {
		.home_5>.copy>h2 {
		    font-size: 4.2rem;
		    margin-bottom: 10px;
		}
	} 

	@media only screen and (max-width: 450px) {
		.home_5>.copy>h2 {
		    font-size: 2rem;
		}
        .home_5>.copy>h3 {
		    font-size: 1.5rem;
		}
        .home_5>.copy>ul, li {
			font-size: 1.2rem;
		}
		.home_5>.copy>p {
			font-size: 1.0rem;
		}
		.home_5>.background {
	   		height: 400px;
		}
		.home_5>.copy {
		    bottom: 0px;
            
		}		
	} 

/***** Home 6 *****/
	@media only screen and (max-width: 800px) {

		.home_6 {
			margin-bottom: 50px;
		}
		.home_6 .document_selector_wrapper>.button {
			font-size: 2rem;
			padding: 10px 20px 8px;
		}
	}

	@media only screen and (max-width: 450px) {
		.home_6 {
			margin-top: 0px;
		}
		.home_6 .document_selector_wrapper>.button {
		    font-size: 1rem;
		}

		.home_6 .document_selector_wrapper>.button {
			bottom: 25%;
		}
	}

/***** Home 7 *****/

	@media only screen and (max-width : 1100px){
		.home_7 {
			padding-top: 55px;
		}
		.home_7>.container>h2 {
			font-size: 5.2rem;
		}
	}

	@media only screen and (max-width: 800px) {
		.home_7>.container>h2 {
		    font-size: 4.2rem;
		}
	}

	@media only screen and (max-width: 450px) {
		.home_7>.container>h2 {
		    font-size: 3.5rem;
		    margin-bottom: 25px;
		}

		.home_7 .content_block_3>.title>h3 {
			font-size: 2rem;
		}

		.home_7 .content_block_3>.content {
			font-size: 1.5rem;
		}
	}


/***** Home 8 *****/

	@media only screen and (max-width : 1100px){
		.home_8 {
			padding-top: 75px;
			padding-bottom: 50px;
		}
		.home_8 .content_block_1:first-of-type {
			flex-direction: inherit;
			flex-wrap: wrap-reverse;  
			margin-bottom: 75px; 
		}

		.home_8 .content_block_1>.copy>p:last-of-type {
			padding-bottom: 75px;
		}
	} 

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

		.home_8 .content_block_1>.copy>p:last-of-type {
		    padding-bottom: 25px;
		}
	}



/********************************************

SELECTOR

********************************************/

/***** Copy *****/
	@media only screen and (max-width : 1100px) { 
		.selector_wrapper>.copy{
			flex-direction: column;
		}
		.selector_wrapper>.copy>h1{
			width: 100%;
			text-align: center;
		}
		.selector_wrapper>.copy>p{
			width: 100%;
			max-width: 450px;
			text-align: center;
		}
	}

	@media only screen and (max-width : 600px) { 
		
		.selector_wrapper>.copy>h1{
			font-size: 6.5rem;
		}
		.selector_wrapper>.copy>p{
			

		}
	}

/***** Content *****/
	@media only screen and (max-width : 900px) {
		.selector_wrapper>.selector_main{
			flex-direction: column;
		}
		.selector_wrapper>.selector_main>.info{
			width: 100%;
			margin-bottom: 50px;
			border-bottom: solid 1px #022b61;
			padding-bottom: 50px;
		}
		.selector_wrapper>.selector_main>.info>.math{
			margin-bottom: 50px;
		}
		.selector_wrapper>.selector_main>.content{
			width: 100%;
			padding-left: 0;
		}
		.selector_wrapper .screen>.options .cell{
			font-size: 1.8rem;
			padding: 15px;
			margin-bottom: 35px;
			position: relative;
			border-radius: 25px;
		}
		.selector_wrapper .screen>.options .cell>.value{
			position: absolute;
			top: 0px;
			right: -15px; 
		}
		.selector_wrapper .screen>.button_wrapper{
			flex-direction: column;
		}
		.selector_wrapper .screen>.button_wrapper>.button{
			margin-top: 35px;
		}
	}