*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
}
#wrapper{
	background-color: #edf0f1;
	width: 100%;
}


h2, .herotext h1, .subnav_herotext{
	font-weight: bolder;
	font-family: "Optima", sans-serif;
}
button{
	font-family: "Noto Sans", sans-serif;
	font-weight: lighter;
}
h3{
	font-weight: lighter;
	font-family: "Noto Sans", sans-serif;
}
h4{
	font-weight: bolder;
	font-family: "Noto Sans", sans-serif;
}
p, figcaption, .herotext, .overlay_text{
	font-family: "Noto Sans", sans-serif;
}


/* NAVBAR */

	/* MENU BARS */
	#show_menu{
		display: none;
	}

	header{
		color: #edf0f1;
		background-color: #121011;
		display: flex;
		align-items: center;
		padding: 20px 5%;
		text-transform: uppercase;
		z-index: 1;
		position: relative;
	}
	
	.logo{
		cursor: pointer;
	}
	
	nav ul li{
		position: relative;
		padding: 0px 20px;
	}
	nav ul li a{
		font-family: "Noto Sans", sans-serif;
		text-decoration: none;
		letter-spacing: 3px;
		font-weight: lighter;
		transition: all .5s linear 0s;
	}
	nav ul li a:link {
		color: #edf0f1;
	}
	nav ul li a:visited {
		color: #edf0f1;
	}
	nav ul li a:hover {
		color: #96C688;
		padding-bottom: 65px;
	}
	#highlight_nav, #highlight_subnav{
		color: #96C688;
	}


	/* VISIT US BUTTON */
	.nav_button button{
		text-decoration: none;
		letter-spacing: 3px;
		background-color: #006838;
		text-transform: uppercase;
		color: #edf0f1;
		border: none;
		transition: all .5s ease-out 0s;
		cursor: pointer;
	}

	
	

/* HERO IMAGE */
	.home_heroimage{
		background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("home2.jpeg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	.hero_image{
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	.about_heroimage{
		background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.7)), url("about_img2.jpeg");
	}
	.menu_heroimage{
		background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("3bowls.jpeg");
	}
	.herotext{
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		font-size: 3.5vw;
		letter-spacing: 4px;
		white-space: nowrap;
		text-shadow: 2px 2px 10px #000;
	}
	.herotext h2{
		font-family: "Noto Sans", sans-serif;
		font-size: 2.5vw;
		font-weight: lighter;
		text-shadow: 2px 2px 1px #000;
	}

	.built_for_you_heroimage{
		background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("prebuilt.jpeg");
	}
	.nutrition_heroimage{
		background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("nutrition.jpeg");
	}
	.contact_heroimage{
		background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("contact_hero.jpeg");
	}
	.visit_heroimage{
		background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("visit_hero.jpeg");
	}
	.customize_heroimage{
		background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("customize_hero.jpeg");
	}

/* INDEX MAIN */
	
	.description_section img{
		height: 50px;
	}
	/* SECTION 2*/
	.four_column_section{
		background-color: rgba(150, 198, 136, .09)  ;
	}
	.four_column_row{
		display: flex;
		text-align: center;
		flex-wrap: wrap;
	}
	.four_column_row img{
		height: 70px;
	}
	.four_column_row .column{
		letter-spacing: 0px;
		text-transform: uppercase;
		flex: 25%;
		padding-top: 5%;
		padding-bottom: 5%;
		transition: transform .2s;
	}
	.column h4{
		padding-top: 10px;
	}

	/* SECTION 3*/
	.specialties_section h2{
		text-decoration: underline;
		text-underline-offset: .7em;
	}
	figcaption{
		color: #4a4849;
	}
	.menu_button_container{
		display: flex;
  		justify-content: center;
  		align-items: center;
	}
	.full_menu_button{
		letter-spacing: 1.5px;
		text-transform: uppercase;
		border: 2px solid #006838;
  		background-color: #edf0f1 ;
  		color: #006838;
  		padding: 15px;
  		transition: all .3s linear 0s;
  		cursor: pointer;
	}
	.full_menu_button:hover{
		background-color: #006838;
		color: #fff;
	}

	.text_section{
		text-align: center;
		margin: auto auto 40px auto;
	}

	/* SECTION 4*/
	.main_images_container{
		width: 100%;
		display: flex;
		justify-content: space-between;
		height: 450px;
		margin: auto;
	}
	.foodtruck_img{
		background: url(map.jpeg);
		background-size: 100%;
  		background-repeat: no-repeat;
  		background-position: center;
  		width: 54%;		
	}
	.foodtruck_button_container{
		opacity: 1;
		width: 100%;
		height: 100%;
		position: relative;
		transition: all .3s ease 0s;	
	}
	.truck_button2 {
		position: absolute;
		top: 50%;
  		left: 50%;
  		-ms-transform: translate(-50%, -50%);
  		transform: translate(-50%, -50%);
	}
	.truck_button2 button{
		letter-spacing: 1.5px;
		background-color: #000;
		text-transform: uppercase;
		color: #fff;
		padding:  15px 50px;
		border: none;
		transition: all .5s ease-out 0s;
		cursor: pointer;
		border: 3px solid #b7c6b3;
	}
	
	
	.people1_img{
		background: url(smoothie_bowl2.jpeg);
		background-size: 100%;
  		background-repeat: no-repeat;
  		background-position: center;
  		width: 21%;
  		overflow: hidden;
	}

	.people1_img video{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.people2_img{
		background: url(smoothie_bowl.jpeg);
		background-size: 100%;
  		background-repeat: no-repeat;
  		background-position: center;
  		width: 22%;
	}

/* ABOUT US */
	.about_descriptions_container{
		width: 80%;
		margin: 90px auto;
	}
	.row2{
		display: flex;
	}
	.column2{
		flex:50%;
	}
	.about_text{
		width: 80%;
		margin: auto;
		margin-right: 30px ;
	}
	.about_img_div{
		background: url(ricky_me.jpeg);
		background-size: cover;
  		background-repeat: no-repeat;
  		background-position: left;
	}
	.about_img_div2{
		background: url(eva_bottles.jpeg);
		background-size: cover;
  		background-repeat: no-repeat;
  		background-position: center;
	}
	.about_text h2{
		font-size: 30px;
		text-decoration: underline;
		text-underline-offset: .7em;
		line-height: 2;
	}
	.about_text h3{
		font-size: 22px;
		margin: 50px 0px;
		line-height: 1.5;
		color: #4a4849;
	}
	.bottom{
		margin-left: 40px;
		text-align: left;
	}

/* MENU */
	.button_option_container{
		display: flex;
		width: 60%;
		margin: auto;
		justify-content: space-around;
		margin-bottom: 100px;
	}
	.button_option_container img{
		width: 100%;
	}
	.button_options{
		display: block;
		width: 300px;
	}
	.button_options button{
		width: 100%;
		height: 70px;
	}
	.button_options .nav_button button{
		font-size: 25px;
	}
	.slider_container_whole{
		text-align: center;
		margin-bottom: 30px;
	}
	.slider_container_whole h2{
		font-size: 30px;
		padding-bottom: 20px;
	}
	.slider-container {
  		display: flex;
  		align-items: center;
  		justify-content: center;
  		height: 100%;
	}

	.slider {
  		max-width: 80%;
  		height: 300px;
  		margin: 20px;
  		text-align: center;
  		overflow: hidden;
  		position: relative;
	}

	.slides {
  		display: flex;
  		overflow-x: scroll;
  		position: relative;
  		scroll-behavior: smooth;
  		scroll-snap-type: x mandatory;
	}

	.slide {
  		display: flex;
  		justify-content: center;
  		align-items: center;
  		flex-shrink: 0;
  		width: 100%;
  		height: 300px;
  		scroll-snap-align: center;
  		margin-right: 0px;
  		box-sizing: border-box;
  		background-color: rgba(150, 198, 136, .09);
  		transform-origin: center center;
  		transform: scale(1);
	}

	.slide__text{
		width: 70%;
	}
	.author{
		color: #006838 ;
		padding-top: 20px;
	}
	.slide__text q{
		font-family: "Noto Sans", sans-serif;
  		font-size: 25px;
	}

	.slide a {
  		background: none;
  		border: none;
	}

	a.slide__prev, .slider::before {
  		transform: rotate(135deg);
  		-webkit-transform: rotate(135deg);
  		left: 5%;
	}

	a.slide__next, .slider::after {
  		transform: rotate(-45deg);
  		-webkit-transform: rotate(-45deg);
  		right: 5%;
	}

	.slider::before, .slider::after, .slide__prev, .slide__next {
  		position: absolute;
  		top: 48%;
  		width: 20px;
  		height: 20px;
  		border: solid #4a4849;
  		border-width: 0 4px 4px 0;
  		padding: 3px;
  		box-sizing: border-box;
	}

	.slider::before, .slider::after {
  		content: "";
  		z-index: 1;
  		background: none;
  		pointer-events: none;
	}


/* PRE BUILT MAIN */
	.green_background_wrapper{
		background-color: rgba(150, 198, 136, .09) ;
	}
	.text_smoothie_heading{
		text-decoration: underline;
		text-underline-offset: .7em;
		padding-top: 5%;
	}
	.text1{
		padding-top: 0;
		padding-left: 32px;
	}
	.smoothies{
		margin:auto;
		width:100%;
		display: flex;
  		justify-content: center;
  		align-items: center;
	}
	.menu_content{
		width: 80%;
		margin: auto;
		margin-left: 125px;
	}
	.hr{
		width: 90%;
		margin: auto;
		margin-top: 20px;
	}
	.full_menu_smoothies, .full_menu_bowls{
		display: flex;
		flex-wrap: wrap;
		margin:auto;
		width:90%;
  		justify-content: center;
  		align-items: center;
	}
	.full_menu_bowls{
		padding-left: 32px;
	}

	.img_btn{
		margin: 0px 25px 10% 25px;
		width: 255px;
		height: 400px;
	}
	
	.img_btn img{
		width:100%;
		height: 100%;
		object-fit: cover;
		cursor: pointer;
	}
	.img_btn figcaption{
		text-align: center;
		cursor: pointer;
		margin-top: 5%;
	}
	.img_btn figcaption:hover{
		text-decoration: underline;
	}

	.modal{
	  	opacity: 0;
	  	visibility: hidden;
	  	position: fixed;
	  	top: 0;
	  	right: 0;
	  	bottom: 0;
	  	left: 0;
	  	text-align: left;
	  	background: rgba(0,0,0, .9);
	  	transition: opacity .25s ease;
	  	z-index: 100;
	}

	.modal__bg {
	  	position: absolute;
	  	top: 0;
	  	right: 0;
	  	bottom: 0;
	  	left: 0;
	  	cursor: pointer;
	}

	.modal-state {
	  	display: none;
	}

	.modal-state:checked + .modal {
	  	opacity: 1;
	  	visibility: visible;
	}

	.modal-state:checked + .modal .modal__inner {
	  	top: 0;
	} 

	.modal__inner {
	  	transition: top .25s ease-in;
	  	position: absolute;
	  	top: -20%;
	  	right: 0;
	  	bottom: 0;
	  	left: 0;
	  	width: 80%;
	  	margin: auto;
	  	overflow-y: scroll;
	  	overflow-x: hidden;
	  	background-color: #edf0f1;
	  	padding: 1em 2em;
	  	height: 80%;
	}

	.modal__close {
	  	position: absolute;
	  	right: 1em;
	  	top: 1em;
	  	width: 1.1em;
	  	height: 1.1em;
	  	cursor: pointer;
	}

	.modal__close:after,
	.modal__close:before {
	  	content: '';
	  	position: absolute;
	  	width: 2px;
	  	height: 1.5em;
	  	background-color: #000;
	  	display: block;
	  	transform: rotate(45deg);
	  	left: 50%;
	  	margin: -3px 0 0 -1px;
	  	top: 0;
	}

	.modal__close:hover:after,
	.modal__close:hover:before {
	  	background-color: #006838  ;
	}

	.modal__close:before {
	  	transform: rotate(-45deg);
	}

	.smoothie_overview{
		margin: 50px 90px 5px 90px;
		display: flex;
	}
	.menu_overlay_container{
		position: relative;
		padding: 0;
		width: 100%;
		display: block;
	}
	.menu_overlay_container img{
		margin-right: 70px;
		width: 325px;
	}
	.menu_smoothie_overlay{
		position: absolute;
		top: -20px;
		left: -20px;
		right: 0;
		text-align: left;
		margin: auto;
	}
	.menu_smoothie_overlay .overlay_text{
		font-size: 25px;
		padding: 0px;
		transition: none;
		text-transform: uppercase;
		font-weight: bolder;
	}
	.overview_text h2{
		font-size: 30px;
		margin-top: 20px;
		text-decoration: underline;
		text-underline-offset: .7em;
	}
	.overview_text p{
		font-size: 20px;
		margin-top: 50px;
		line-height: 1.5;
		color: #4a4849;
	}
	.overview_text button{
		margin-top: 50px ;
	}

	#collapsible_container{
		margin: 30px auto;
		width: 90%;
		border-bottom: 1px solid #4a4849;
		
	}
	.collapsible_check{
		display: none;
	}
	.collapsible_button{
		width: 100%;
		font-size: 30px;
		cursor: pointer;
		border-top: 1px solid #4a4849;
		display: block;
		padding: 30px 10px;
		color: #000;
		font-family: "Noto Sans", sans-serif;
		font-weight: lighter;
	}
	.collapsible_button:after{
		content: '\02795';
  		font-size: 20px;
  		color: #000;
  		float: right;
  		margin-left: 20px;
	}
	
	.collapsible_content{
		max-height: 0;
  		opacity: 0;
  		visibility: hidden;
  		transition: max-height .4s;
  		background-color: inherit ;
  		border-bottom: 1px solid #4a4849;	
	}
	.collapsible_content p{
		padding: 10px;
		color: #4a4849;
  		font-size: 20px;
  		font-weight: lighter;
	}
	.collapsible_check:checked + .collapsible_content{
		max-height: 100vh;
  		opacity: 1;
  		visibility: visible;
	}
	.nutriton_button button{
		font-size: 20px;
		margin: 10px;
		color: #4a4849;
		border: none;
	}
	.nutriton_button button:hover{
		font-weight: bolder;
	}
	.modal_frog{
		text-align: center;
		margin-top: 80px;
		color: #a3a3a3;
	}
	.modal_frog img{
		width: 30px;
	}
	
	.menu_sidebar img{
		width:70px;
	}
	.menu_sidebar{
		z-index: 1;
		position: sticky;
		position: -webkit-sticky;
		height: 607px;
		width: 160px;
		top: 80px;
		text-align: center;
		overflow-x: hidden;
		margin-top: 120px;
		float: left;
		padding-top: 50px;

	}
	.menu_sidebar a{
		text-decoration: none;
		font-family: "Noto Sans", sans-serif;
		font-size: 20px;
		color: #4a4849;
		padding: 20px 0px;
		display: block;
	}
	
	.description_section .full_menu_button{
		margin-top: 30px;
	}

/* BUILD YOUR OWN */
	.custom_smoothie_container h2{
		font-size: 30px;
		text-decoration: underline;
		text-underline-offset: .7em;
		padding-bottom: 40px;
	}
	.custom_smoothie_container h3{
		font-size: 25px;
		padding-bottom: 20px;
	}
	.custom_smoothie_container p{
		font-size: 20px;
		padding-bottom: 40px;
		width: 80%;
		margin: auto;
	}
	.custom_btn img{
		width: 110px;
	}
	.icon_btn figcaption{
		text-transform: uppercase;
		font-weight: bolder;
		color: #000;
		padding-bottom: 20px;
		font-size: 25px;
	}
	
	.icon_btn figcaption::first-letter{
		color: #006838;
		font-size: 70px;
	}
	.icon_btn:hover{
		-ms-transform: scale(1.1); 
 		-webkit-transform: scale(1.1); 
  		transform: scale(1.1);
	}
	.vertical{
		border-left: 3px solid #4a4849;
		height: 250px;
	}
	.custom_smoothie_container{
		width: 80%;
		text-align: center;
		margin: auto;
		padding-bottom: 50px;
		padding-top: 20px;
	}
	.custom_smoothie_inner{
		text-align: center;
		display: flex;
		width: 80%;
		margin: auto;
		justify-content: space-around;
	}

	.custom_smoothie_container .modal__inner {
	  	width:500px;
	  	height: 80%;
	}
	.modal_headings{
		padding-top: 40px;
	}
	.modal_headings h3::first-letter{
		color: #006838;
		font-size: 80px;
	}
	.modal_headings h3{
		font-weight: bolder;
		text-align: center;
		font-size: 30px;
		text-transform: uppercase;
	}
	.modal_headings p{
		font-size: 20px;
		text-align: center;
	}
	.custom_smoothie_container .customize_table{
		font-family: "Noto Sans", sans-serif;
		display: flex;
		width: 80%;
		margin: auto;
		text-transform: uppercase;
	}
	.customize_table table{
		border-collapse: collapse;
		width: 50%;
		border: .7px solid;
	}
	.steps_table{
		width: 50%;
	}
	.steps_table table{
		margin: auto;
	}
	.customize_table td{
		font-size: 15px;
		font-weight: bolder;
		padding: 12px 0px 12px 12px;
	}
	.customize_table tr:nth-child(even) {
	  	background-color: #dddddd;
	}

/* NUTRITION */
	.nutrition_sidebar{
		margin-top: 0px;
		padding-top: 30px;
		overflow: hidden;
	}
	.nutrition_table{
		font-family: "Noto Sans", sans-serif;
	}
	.nutrition_table table{
		border-collapse: collapse;
		width: 80%;
		margin: 100px auto 50px auto;
	}
	#ingredient_title_table{
		writing-mode: unset;
		transform: unset;
		color: #006838;
		padding-right: 30px;
		text-transform: uppercase;
		font-size: 25px;
		vertical-align: bottom;
		width: 250px;
	}
	.nutrition_table th{
		color: #121011;
		padding: 15px;
		writing-mode: vertical-lr;
		transform: rotate(180deg);
		text-align: left;
		font-size: 15px;
	}
	.nutrition_table .table_subheadings{
		padding: 15px 25px;
		font-size: 18px;
		background-color: #006838;
		color: #edf0f1;
		text-transform: uppercase;
		font-weight: lighter;
		letter-spacing: 2px;
	}
	.nutrition_table td{
		padding: 5px 19px;
	}
	.nutrition_table tr:nth-child(even) {
	  	background-color: #dddddd;
	}
/* CONTACT */
	.contact_container{
		width: 90%;
		margin: 90px auto;
		font-family: "Noto Sans", sans-serif;
		font-weight: lighter;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		font-size: 20px;
	}
	#contact_collapsible_container{
		padding: 20px 20px 20px 0px;
	}
	#contact_collapsible_container .collapsible_button{
		font-size: 20px;
	}
	#contact_collapsible_container p{
		font-size: 17px;
		line-height: 1.5;
	}
	#contact_collapsible_container button{
		font-size: 17px;
	}
	.contact_info h2{
		padding-bottom: 20px;
	}
	.column3{
		margin-bottom: 50px;
	}
	.column3 p{
		font-weight: normal;
		text-transform: none;
		padding-bottom: 20px;
		letter-spacing: 0px;
		color: #4a4849;
		font-size: 17px;
	}
	.contact_info p{
		padding-left: 10px;
		color: #006838;
	}
	.contact_info a{
		text-decoration: none;
	}
	.contact_container .column3{
		float: left;
		width: 50%;
		padding: 20px;
	}
	.contact_container input[type=text], input[type=email], select, textarea {
	  	width: 100%;
	  	padding: 12px;
	  	border: 1px solid #ccc;
	  	margin-top: 6px;
	  	margin-bottom: 16px;
	  	resize: vertical;
	}
	.contact_container input[type=submit] {
		font-family: "Noto Sans", sans-serif;
		font-weight: lighter;
		text-transform: uppercase;
		letter-spacing: 3px;
	  	background-color: #006838;
	  	color: #edf0f1;
	  	padding: 13px 20px;
	  	border: none;
	  	cursor: pointer;
	  	width: 100%;
	  	border-radius: 0px;
	}
	.contact_container input[type=submit]:hover {
  		background-color: #121011;
	}
	.contact_container .row3:after {
  		content: "";
  		display: table;
  		clear: both;
	}


/* VISIT US */
	.current_location{
		height: 100%;
		width: 80%;
		margin: auto;
		position: relative;
	}
	.location_text{
		text-align: center;
		padding: 30px 0px;
	}
	.currently{
		text-decoration: underline;
		text-underline-offset: .7em;
	}
	.sleeping_frog_container{
		background-color: rgba(0, 0, 0, .5);
		width: 100%;
		height: 360px;
		text-align: center;
		position: absolute;
	}
	.current_location iframe{
		width: 100%;
		height: 400px;
		border: 0;
		padding-bottom: 40px;
	}
	.current_location h2{
		padding-bottom: 40px;
		font-size: 30px;
	}
	.current_location h3{
		font-size: 25px;
		line-height: 1.5;
	}


	.sign_up_container{
		width: 50%;
		margin: 80px auto;
		text-align: center;
	}
	.sign_up_container h2, .sign_up_container h3{
		padding-bottom: 10px;
	}
	.sign_up input{
		font-family: "Noto Sans", sans-serif;
		font-size: 15px;
		text-align: center;
	}
	.sign_up button {
	  	border: none;
	  	cursor: pointer;
	  	font-family: "Noto Sans", sans-serif;
		font-weight: lighter;
		text-transform: uppercase;
		letter-spacing: 3px;
	  	background-color: #006838;
	  	color: #edf0f1;
	  	padding: 13px 20px;
	  	width: 100%;
	}
	.sign_up button:hover{
		background-color: #121011;
	}

/* FOOTER */
	/* FOOTER- NAV*/
		.first_footer{
			width: 100%;
			overflow: hidden;
			box-sizing: border-box;
			background-color: #121011;
		}
		.footer_nav{
			text-transform: uppercase;
			margin: auto;
			text-align: center;
			padding: 0;
			margin: 0;
			justify-content: center;
		}
		#footer_highlight_nav{
			color: #96C688;
		}
	/* FOOTER- COPYRIGHT */
		.second_footer{
			background-color: #121011;
			width: 100%;
			display: block;
			overflow: hidden;
			text-align: center;
		}
		.second_footer p{
			color: #5e5c5d;
			text-transform: uppercase;
			letter-spacing: 3px;
			padding-bottom: 20px;
		}



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

	/* NAV BAR */
		header{
			justify-content: space-between;
			align-items: center;
		}

		.logo img{
			width: 110px;
			margin-left: 25px;
		}
		nav {
			display: flex;
		}
		nav .nav_menu{
			position: absolute;
			background-color: #4a4849;
			height: 350px;
			width: 100%;
			top: 90px;
			left: -100%;
			margin-left: 0;
			transition: all 0.3s linear;
		}
		.nav_menu li{
			display: block;
			margin: 15px 20px;
		}
		.nav_menu li a{
			line-height: 30px;
			font-size: 16px;
		}

		/* MENU BARS */
			.menu_icon{
				height:40px;
		 		width:20px;
		  		cursor:pointer;
		  		margin:10% auto;
		  		display:flex;
		  		justify-content:center;
		  		align-items:center;
			}
			.line{
		  		position:absolute;
		  		height:3.5px;
		  		width:25px;
		  		background-color: #edf0f1;
		  		transition: .4s ease;
		  	}
			#show_menu{
				display: none;
			}
			.line::before{
			  content:'';
			  position:absolute;
			  height:3.5px;
			  width:25px;
			  background-color: #edf0f1;
			  top:-9px;
			  transition: .4s ease;
			}
			.line::after{
			  content:'';
			  position:absolute;
			  height:3.5px;
			  width:25px;
			  background-color: #edf0f1;
			  top:9px;
			}

		/*MENU BAR- CHECKED */
			nav #show_menu:checked ~ .nav_menu{
				left: 0%;
			}

			#show_menu:checked + label #active{
			  transform:rotate(45deg);
			 }
			#show_menu:checked + label #active::before{
			  transform:rotate(-90deg) translateX(-8px);
			}
			#show_menu:checked + label #active::after{
			  display:none;
			}
		
		/* VISIT US BUTTON */
			.nav_button button{
				font-size: 15px;
				padding:  9px 15px;
			}


	/* 	HERO IMAGE */
		.herotext h1{
			font-size: 39px;
		}
		.herotext h2{
			font-size: 20px;
		}
		.home_heroimage{
			height: 400px;
		}
		.subnav_herotext h2{
			font-size: 37px;
		}
		.hero_image{
			height: 200px;
		}

	/* INDEX MAIN */

		/* SECTION 1*/
		.description_section{
			margin: 40px auto;
			width: 70%;
			text-align: center;
		}
		.description_section h3{
			font-size: 20px;
		}
		.description_section img{
			display: none;
		}


		/* SECTION 2*/
		.four_column_row .column{
			font-size: 15px;
			flex: 50%;
		}

		
		/* SECTION 3*/
		.specialties_section{
			margin: 70px auto;
			width: 85%;
		}
		.specialties_section h2{
			text-align: center;
			font-size: 20px;
			line-height: 40px;
		}
		.menu_image_container{
			display: block;
			text-align: center;
			margin-top: 30px;
		}
		
			/* SMOOTHIE IMAGES */
			.specialties_section .menu_image_container img{
				margin: 20px 20px 8px 20px;
				height: 310px;
				width: 215px;
			}
			.overlay_container {
			  	position: relative;
			  	padding: 0;
			  	width: 100%;
			  	display: block;
			  	margin-bottom: 30px;
			}
			.overlay{
			  	position: absolute;
			  	top: -5px;
			  	left: -90px;
			  	right: 0;
			  	background-color: none;
			  	transition: all .5s ease;
			  	text-align: left;
				width: 180px;
				margin: auto;
			}
			.overlay_container .overlay .overlay_text {
				transition-delay: 0s;
				transition-duration: 0.4s;
				padding: 9px;
				text-transform: uppercase;
				color: #000;
				font-size: 18px;
				font-weight: bolder;
			}

			figcaption{
				font-size: 15px;
			}
			.full_menu_button{
	  			padding: 14px 40px;
	  			font-size: 12px;
	  			letter-spacing: 3px;
			}

		.text_section{
			width: 80%;
			font-size: 20px;
		}

		/* SECTION 4*/
		.main_images_container{
			height: 300px;
		}
		.people1_img{
			display: none;
		}
		.people2_img{
			display: none;
		}
		.foodtruck_img{
			width: 100%;
			background-size: cover;
		}
		.truck_button2 button{
			font-size: 14px;
			padding: 14px 15px;
			width: 200px;
			letter-spacing: 3px;
		}
	
	/* ABOUT US */
		.about_descriptions_container{
			display: block;
			margin: 50px auto;
		}
		.about_img_div{
			height: 250px;
			margin-top: 40px;
		}
		.about_text{
			margin-right: unset;
			text-align: center;
			width: 100%;
			margin: auto;
		}
		.about_text h2{
			font-size: 20px;
		}
		.about_text h3{
			font-size: 16px;
			margin: 30px 0px;
		}
		.bottom{
			margin-left: unset;
		}

	/* MENU */
	.button_option_container{
		display: block;
		width: 80%;
		margin: auto;

	}
	.button_option_container img{
		width: 250px;
		margin: auto;
		margin-bottom: 30px;
		height: 350px;
	}
	.button_options{
		width: 250px;
		margin: auto;
	}
	.button_options button{
		height: 50px;
	}
	.button_options .nav_button button{
		font-size: 17px;
	}

	.slider_container_whole h2{
		font-size: 20px;
		padding-bottom: 8px;
	}

	.slider-container {
  		height: 100%;
	}

	.slider {
  		max-width: 90%;
  		height: 100%;
	}
	.slide {
  		height: 250px;
	}

	.slide__text q{
  		font-size: 15px;
  		line-height: 1.2;
	}

	.slider::before, .slider::after, .slide__prev, .slide__next {
  		width: 15px;
  		height: 15px;
	}


	/* PRE BUILT MAIN */
		.text_smoothie_heading{
			text-align: center;
			font-size: 20px;
			line-height: 40px;
			margin-top: 45px;
			margin-bottom: 45px;
		}
		.text1{
			padding-left: 0px;
		}
		.smoothies{
			display: block;
			padding-bottom: 30px;
		}
		.img_btn{
			margin-left: auto;
			margin-right: auto;
			width: 175px;
			height: 275px;
			margin-bottom: 60px;
		}

		.menu_sidebar{
			position: unset;
			float: unset;
			height: 100%;
			top: unset;
			padding-top: 22px;
			width: 60%;
			margin: auto;
			display: flex;
			justify-content: space-around;
		}
		.menu_sidebar a{
			font-size: 17px;
			padding-bottom: 0;
		}

		.menu_content{
			width: 100%;
			margin: auto;
		}
		.full_menu_smoothies, .full_menu_bowls{
			width:100%;
		}
		.full_menu_bowls{
			padding-left: 0px;
		}

		.smoothie_overview{
			display: block;
			margin: unset;
			margin-top: 70px;
			width: 85%;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		.menu_smoothie_overlay{
			left: -5px;
			width: 250px;		
		}
		.menu_overlay_container img{
			margin-right: unset;
			width: 200px;
		}
		.menu_smoothie_overlay .overlay_text{
			font-size: 20px;
		}
		.overview_text h2,  .collapsible_button{
			font-size: 20px;
		}
		.overview_text p{
			font-size: 17px;
		}
		#collapsible_container{
			margin: 50px auto;		
		}
		.collapsible_content p{
			font-size: 15px;
		}
		.nutriton_button button{
			font-size: 15px;
		}
		.modal_frog{
			margin-top: 50px;
		}
		.modal_frog p {
			font-size: 14px;
		}

	/* BUILD YOUR OWN */
	.custom_smoothie_container h2{
		font-size: 20px;
		padding-bottom: 30px;
	}
	.custom_smoothie_container h3{
		font-size: 20px;
		padding-bottom: 20px;
	}
	.custom_smoothie_container p{
		font-size: 15px;
		padding-bottom: 30px;
		width: 100%;
	}
	.custom_btn img{
		width: 80px;
	}
	.custom_smoothie_container .icon_btn{
		margin-bottom: 20px;
		margin: 0px 30px 30px 30px;
	}
	.icon_btn figcaption{
		padding-bottom: 10px;
		font-size: 20px;
	}
	.icon_btn figcaption br{
		display: ;
	}
	.icon_btn figcaption::first-letter{
		font-size: 50px;
	}
	.vertical{
		display: none;
	}

	.custom_smoothie_container{
		padding-bottom: 20px;
		padding-top: 10px;
	}
	.custom_smoothie_inner{
		flex-wrap: wrap;
		width: 100%;
	}

	.custom_smoothie_container .modal__inner {
	  	width:80%;
	}
	.modal_headings{
		padding-top: 40px;
	}
	.modal_headings h3::first-letter{
		font-size: 60px;
	}
	.modal_headings h3{
		font-size: 25px;
	}
	.modal_headings p{
		font-size: 17px;
	}
	.custom_smoothie_container .customize_table{
		display: block;
		width: 70%;
	}
	.customize_table table{
		width: 100%;
	}
	

	/*NUTRTION*/
		.nutrition_sidebar{
			padding-top: 0px;
			width: 90%;
		}
		.nutrition_table table{
			margin: 30px auto 10px auto;
			width: 100%;
		}
		.nutrition_table table, thead, tbody, th, td, tr { 
			display: block; 
		}
		.nutrition_table thead tr { 
			display: none;
		}
		.nutrition_table td { 
			position: relative;
			padding-left: 50%; 
			border-bottom: 1px solid #a3a3a3;
		}
		.nutrition_table td:before { 
			position: absolute;
			top: 6px;
			left: 25px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		td:nth-of-type(1){
			font-size: 15px;
			font-weight: bolder;
			text-transform: uppercase;
			padding: 10px 0px 5px 25px;
			border-bottom: none;
		}
		.nutrition_table td:nth-of-type(2):before { 
			content: "Calories"; 
		}
		.nutrition_table td:nth-of-type(3):before { 
			content: "Calories from Fat"; 
		}
		.nutrition_table td:nth-of-type(4):before { 
			content: "Fat(g)"; 
		}
		.nutrition_table td:nth-of-type(5):before { 
			content: "Saturated Fat(g)"; 
		}
		.nutrition_table td:nth-of-type(6):before { 
			content: "Trans Fat(g"; 
			}
		.nutrition_table td:nth-of-type(7):before { 
			content: "Cholestrol(mg)"; 
		}
		.nutrition_table td:nth-of-type(8):before { 
			content: "Sodium(mg)"; 
		}
		.nutrition_table td:nth-of-type(9):before { 
			content: "Carbohydrates(g)"; 
		}
		.nutrition_table td:nth-of-type(10):before { 
			content: "Fiber(g)"; 
		}
		.nutrition_table td:nth-of-type(11):before { 
			content: "Sugar(g)"; 
		}
		.nutrition_table td:nth-of-type(12):before { 
			content: "Protein(g)"; 
		}
		.nutrition_table td:nth-of-type(12){ 
			border-bottom: 2px solid #000;
		}
		.nutrition_table tr{
			font-size: 13px;
		}
		.nutrition_table .table_subheadings{
			font-size: 15px;
			width: 100%;
			text-align: center;
		}


		.customize_table td{
			font-size: 15px;
			font-weight: bolder;
			padding: 12px 0px 12px 12px;
		}


	/* CONTACT */
		.contact_container{
			width: 100%;
			margin: 0px auto;
			font-family: "Noto Sans", sans-serif;
			font-size: 16px;
		}
		.column3{
			margin-bottom: 0px;
		}
		.contact_container p{
			font-size: 16px;
		}
		#contact_collapsible_container{
			padding-right: 0px;
		}
		#contact_collapsible_container .collapsible_button{
			font-size: 16px;
		}
		#contact_collapsible_container .collapsible_content p{
			font-size: 16px;
		}
		#contact_collapsible_container .collapsible_content button{
			font-size: 16px;
		}
		.contact_container .column3, input[type=submit] {
	    	width: 100%;
	    	margin-top: 0;
	    	font-size: 16px;
	  	}	
	 /* VISIT */
	 	.current_location{
	 		width: 90%;
	 	}
	 	.current_location iframe{
	 		padding-bottom: 30px;
	 		height: 391px;
	 	}
		.location_text h2{
			font-size: 20px;
			padding-bottom: 25px;
		}
		.location_text h3{
			font-size: 20px;
		}

		.truck_schedule_container{
			height: 100%;
			width: 100%;
			margin: auto;
			position: relative;
			text-align: center;
		}
		.truck_icon img{
			display: none;
		}
		.tooltiptext{
			visibility: hidden;
		}
		.black_truck{
			display: none;
		}
		.truck_icon{
			position: absolute;
			left: -160px;
			top: 10px;
			animation: truck1 15s linear 2s infinite;
		}
		.weekday_header{
			text-transform: uppercase;
			font-weight: bolder;
		}
		.truck_schedule_container h2{
			font-size: 20px;
			text-decoration: underline;
			text-underline-offset: .7em;
		}
		.truck_schedule_container h3{
			font-size: 20px;
			padding-bottom: 10px;
		}
		.truck_schedule_container p{
			font-size: 12px ;
			color: #4a4849;
		}
		.weekday0, .weekday1, .weekday2, .weekday3, .weekday4, .weekday5, .weekday6, .weekday7, .weekday8{
			padding: 20px;
		}

		.sign_up_container{
			width: 70%;
			margin: 35px auto;
		}
		.sign_up_container h2{
			font-size: 20px;
		}
		.sign_up_container h3{
			font-size: 20px;
		}
		.sign_up_container button{
			font-size: 15px;
		}
	 	
	/* FOOTER- NAV*/
		.first_footer{
			padding: 14px 10px;
			font-size: 15px;
		}
		.footer_nav ul li{
			padding: 10px 8px ;
		}

	/* FOOTER- COPYRIGHT */
		.second_footer{
			padding: 0px 5% ;
			padding-bottom: 10px;
		}
		.second_footer p{
			font-size: 14px;
		}
	}

@media screen and (min-width:800px) and (max-width:1030px){
	/* NAV BAR */
		header{
			justify-content: space-between;
			align-items: center;
			padding: 20px 40px;
		}

		.logo img{
			width: 110px;
			margin-left: 25px;
		}
		nav {
			display: flex;
		}
		nav .nav_menu{
			position: absolute;
			background-color: #4a4849;
			height: 350px;
			width: 100%;
			top: 90px;
			left: -100%;
			margin-left: 0;
			transition: all 0.3s linear;
		}
		.nav_menu li{
			display: block;
			margin: 15px 20px;
		}
		.nav_menu li a{
			line-height: 30px;
			font-size: 16px;
		}

		/* MENU BARS */
			.menu_icon{
				height:40px;
		 		width:20px;
		  		cursor:pointer;
		  		margin:10% auto;
		  		display:flex;
		  		justify-content:center;
		  		align-items:center;
			}
			.line{
		  		position:absolute;
		  		height:3.5px;
		  		width:25px;
		  		background-color: #edf0f1;
		  		transition: .4s ease;
		  	}
			#show_menu{
				display: none;
			}
			.line::before{
			  content:'';
			  position:absolute;
			  height:3.5px;
			  width:25px;
			  background-color: #edf0f1;
			  top:-9px;
			  transition: .4s ease;
			}
			.line::after{
			  content:'';
			  position:absolute;
			  height:3.5px;
			  width:25px;
			  background-color: #edf0f1;
			  top:9px;
			}

		/*MENU BAR- CHECKED */
			nav #show_menu:checked ~ .nav_menu{
				left: 0%;
			}

			#show_menu:checked + label #active{
			  transform:rotate(45deg);
			 }
			#show_menu:checked + label #active::before{
			  transform:rotate(-90deg) translateX(-8px);
			}
			#show_menu:checked + label #active::after{
			  display:none;
			}
		
		/* VISIT US BUTTON */
			.nav_button button{
				font-size: 15px;
				padding:  9px 25px;
			}

	/* ABOUT */
		.about_descriptions_container{
			display: block;
			margin: 60px auto;
		}
		.about_img_div{
			height: 400px;
			margin-top: 30px;
		}
		.about_text{
			width: 90%;
			margin: auto;
			text-align: center;
		}
		.about_text h2{
			font-size: 25px;
		}
		.about_text h3{
			font-size: 20px;
			margin: 40px 0px;
		}
		.bottom{
			text-align: center;	
		}



	/* MENU */
	.button_option_container{
		width: 80%;
		margin-bottom: 90px;
	}
	.button_option_container img{
		width: 100%;
	}
	.button_options{
		width: 250px;
	}
	.button_options button{
		height: 60px;
	}
	.button_options .nav_button button{
		font-size: 20px;
	}

	.slider_container_whole h2{
		font-size: 25px;
		padding-bottom: 15px;
	}
	.slider-container {
  		display: flex;
  		align-items: center;
  		justify-content: center;
  		height: 100%;
	}

	.slider {
  		max-width: 90%;
  		height: 250px;
	}

	.slides {
  		display: flex;
  		overflow-x: scroll;
  		position: relative;
  		scroll-behavior: smooth;
  		scroll-snap-type: x mandatory;
	}

	.slide {
  		height: 250px;
	}

	.author{
		padding-top: 10px;
	}
	.slide__text q{
  		font-size: 17px;
  		line-height: 1.2;
	}


	a.slide__prev, .slider::before {
  		transform: rotate(135deg);
  		-webkit-transform: rotate(135deg);
  		left: 5%;
	}

	a.slide__next, .slider::after {
  		transform: rotate(-45deg);
  		-webkit-transform: rotate(-45deg);
  		right: 5%;
	}

	.slider::before, .slider::after, .slide__prev, .slide__next {
  		width: 15px;
  		height: 15px;
	}


	/* PREBUILT */	
		.img_btn{
			width: 200px;
			height: 300px;
		}
		.modal__inner {
		  	width: 70%;
		}
		.smoothie_overview{
			display: block;
			margin: unset;
			margin-top: 70px;
			width: 85%;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		.menu_smoothie_overlay{
			left: -40px;
			width: 250px;		
		}
		.menu_overlay_container img{
			margin-right: unset;
			width: 300px;
		}
		.menu_smoothie_overlay .overlay_text{
			font-size: 20px;
		}
		.overview_text h2, .collapsible_button{
			font-size: 25px;
		}
		.overview_text p{
			font-size: 20px;
		}
		#collapsible_container{
			margin: 50px auto;		
		}
		.collapsible_content p{
			font-size: 20px;
		}
		.nutriton_button button{
			font-size: 20px;
		}
		.modal_frog{
			margin-top: 50px;
		}

	/* BUILT FOR YOU */
		.custom_smoothie_container h2{
			font-size: 25px;
		}
		.custom_smoothie_container h3{
			font-size: 25px;
			padding-bottom: 20px;
			width: 80%;
			margin: auto;
		}
		.custom_smoothie_container p{
			font-size: 20px;
			padding-bottom: 40px;
		}
		.custom_btn img{
			width: 100px;
		}
		.icon_btn figcaption{
			padding-bottom: 20px;
			font-size: 20px;
		}
		.icon_btn figcaption::first-letter{
			font-size: 62px;
		}
		.vertical{
			border-left: 1px solid #4a4849;
			height: 220px;
		}
		.custom_smoothie_container{
			width: 90%;
			padding-top: 0px;
		}

		.modal_headings h3::first-letter{
			font-size: 70px;
		}
		.modal_headings h3{
			font-size: 25px;
		}
		.modal_headings p{
			font-size: 20px;
		}

	/* NUTRITION */
		.nutrition_sidebar{
			position: unset;
			float: unset;
			height: 100%;
			top: unset;
			padding-top: 0px;
			width: 80%;
			margin: auto;
			display: flex;
			justify-content: space-around;
		}
		.nutrition_table table{
			margin: 30px auto 10px auto;
		}
		.nutrition_table td{
			padding: 5px 14px;
		}
		#ingredient_title_table{
			width: 200px;
		}
	/* CONTACT */
		.column3 label{
			font-size: 18px;
		}
		.contact_container p{
			font-size: 18px;
		}
		.contact_container h2{
			font-size: 25px;
		}
		#contact_collapsible_container{
			padding-right: 0px;
		}
		#contact_collapsible_container .collapsible_button{
			font-size: 18px;
		}
		#contact_collapsible_container .collapsible_content p{
			font-size: 18px;
		}
		#contact_collapsible_container .collapsible_content button{
			font-size: 18px;
		}

}

@media screen and (min-width:800px){
	.logo img{
		width: 120px;
	}

	/* 	HERO IMAGE */
		.home_heroimage{
			height: 490px;
		}
		.herobtn button{
			font-size: 17px;
		}
		.hero_image{
			height: 300px;
		}

	/* INDEX MAIN */

		/* SECTION 1*/
		.description_section{
			margin: 60px auto;
			width: 60%;
			text-align: center;
		}
		.description_section h3{
			font-size: 25px;
		}


		/* SECTION 2 */
		.four_column_row .column{
			font-size: 17px;
		}

		/* SECTION 3*/
		.specialties_section{
			margin: 9% auto;
			width: 85%;
		}
		.specialties_section h2{
			text-align: center;
			font-size: 25px;
		}
		.menu_image_container{
			display: flex;
			height: 100%;
			width: 100%;
			margin-top: 60px;
		}

		.text_section{
			font-size: 25px;
		}

			/* SMOOTHIE IMAGES */
			.menu_image_container img{
				margin: 5%;
				height: 80%;
				width: 80%;
			}
			.overlay_container {
			  	position: relative;
			  	padding: 0;
			  	width: 100%;
			  	display: block;
			  	margin-bottom: 30px;
			  	text-align: center;
			}
			.overlay{
			  	position: absolute;
			  	top: -15px;
			  	left: -25px;
			  	right: 0;
			  	background-color: none;
			  	transition: all .5s ease;
			  	text-align: left;
				margin: auto;
				height: 90%;
				width: 90%;
			}
			.overlay_text {
				transition-delay: 0s;
				transition-duration: 0.4s;
				padding: 9px;
				text-transform: uppercase;
				color: #000;
				font-size: 18px;
				font-weight: bolder;
			}
			
			figcaption{
			font-size: 20px;
			}

		.full_menu_button{
	  		padding: 15px 80px;
	  		font-size: 16px;
	  		letter-spacing: 3px;
		}

		

		/* SECTION 4*/
		.main_images_container{
			height: 320px;
			margin-bottom: 5%;
		}
		.truck_button2 button{
			font-size: 16px;
			letter-spacing: 3px;
		}


	/* PRE BUILT MAIN */
		.text_smoothie_heading{
			text-align: center;
			font-size: 25px;
			margin-top: 45px;
			margin-bottom: 45px;
		}
	
	/* VISIT */
		.location_text h2{
			font-size: 25px;
		}
		.truck_schedule_container{
			background: url(road2.png);
			background-repeat: no-repeat;
			background-position: left;
			height: 100%;
			background-size: contain;
			width: 80%;
			margin: auto;
			position: relative;
		}
		.truck_icon img{
			width: 100px;
		}
		.tooltiptext{
			visibility: hidden;
		}
		.black_truck{
			display: none;
		}
		.truck_icon{
			position: absolute;
			left: -160px;
			top: 10px;
			animation: truck1 15s linear 2s infinite;
		}
		.weekday_header{
			text-transform: uppercase;
			font-weight: bolder;
		}
		.truck_schedule_container h2{
			font-size: 25px;
			text-decoration: underline;
			text-underline-offset: .7em;
		}
		.truck_schedule_container h3{
			font-size: 25px;
			padding-bottom: 10px;
		}
		.truck_schedule_container p{
			font-size: 18px ;
			color: #4a4849;
		}
		.weekday0, .weekday1, .weekday2, .weekday3, .weekday4, .weekday5, .weekday6, .weekday7, .weekday8{
			padding: 30px 0px;
			width: 100%;
			position: relative;
			top: 10px;
			padding-left: 35%;
		}

		.sign_up_container h2{
			font-size: 25px;
		}
		.sign_up_container h3{
			font-size: 25px;
		}
		.sign_up_container button{
			font-size: 15px;
		}

	/* FOOTER- NAV*/
		.first_footer{
			padding: 40px 20px;
		}
		.second_footer{
			padding: 0px 5% ;
			padding-bottom: 20px;
		}
		.second_footer p{
			font-size: 12px;
		}
		.first_footer nav {
			align-items: center;
			margin-right: 20px;
			display: flex;
			justify-content: center;
		}
		.first_footer nav ul li{
			display: inline-block;
		}



@media screen and (min-width: 1030px){
	

	/* NAV */
		header{
			justify-content: flex-end;
			padding: 40px ;
		}
		.logo{
			position: absolute;
			left: 70px;
		}
		.logo img{
			width: 150px;
		}
		nav {
			align-items: center;
			margin-right: 20px;
			display: flex;
			justify-content: center;
		}
		nav ul li{
			display: inline-block;
		}
		nav ul li a{
			font-size: 16px;
		}

		.underline_nav a:hover{
			text-decoration: underline;
			text-underline-offset: 1em;
		}
		#highlight_nav{
			text-decoration: underline;
			text-underline-offset: 1em;
		}

		/* DROP DOWN */
		.dropdown{
			position: absolute;
			background-color: #4a4849;
			left: 0;
			display: none;
			padding:  10px;
			top: 67px;
		}
		.dropdown::after{
			position: absolute;
			content: "";
			border-left: 17px solid transparent;
			border-right: 17px solid transparent;
			border-bottom: 15px solid #4a4849;
			top: -14px;
			left: 10%;
		}
		nav ul li:hover  ul{
			display: block;
			z-index: 1;
		}
		.dropdown li{
			width: 15em;
			color: #221f20;
			float: none;
			position: relative;
			padding:  10px;
			margin: 0;
		}
		.dropdown li a:link{
			color: #edf0f1;
		}
		.dropdown li a:hover{
			color: #96C688;
			text-decoration: none;
		}


		/* VISIT US BUTTON */
		.nav_button button{
			font-size: 16px;
			padding:  9px 25px;
		}


	/* 	HERO IMAGE */
		.home_heroimage{
			height: 670px;
		}
		.herobtn button{
			font-size: 20px;
		}
		.arrow {
			position: relative;
			top: 180px;
		  	border: solid rgba(250, 250, 250, .4);
		  	border-width: 0 5px 5px 0;
		  	display: inline-block;
		  	padding: 7px;
		}
		.down {
		  	transform: rotate(45deg);
		  	-webkit-transform: rotate(45deg);
		}

		.hero_image{
			height: 380px;
		}


	/* INDEX MAIN */

		/* SECTION 1*/
		.description_section{
			margin: 75px auto 70px auto;
			width: 50%;
			text-align: center;
		}
		.description_section h3{
			font-size: 30px;
		}

		/* SECTION 2 */
		.four_column_row .column{
			font-size: 20px;
		}

		.text_section{
			font-size: 30px;
		}

		/* SECTION 3*/
		.specialties_section{
			margin: 6% auto;
			width: 85%;
		}
		.specialties_section h2{
			font-size: 30px;
		}
			
			/* SMOOTHIE IMAGES */
			.menu_image_container img{
				height: 83%;
				width: 75%;
			}
			.overlay{
			  	left: -5px;
			  	right: 0;
			}
			.overlay_container .overlay .overlay_text {
				font-size: 25px;
			}
			figcaption{
			font-size: 20px;
			}

		/* SECTION 4*/
		.main_images_container{
			height: 400px;
		}

	/* PRE BUILT MAIN */
		.text_smoothie_heading{
			font-size: 30px;
			margin-top: 70px;
			margin-bottom: 70px;
		}

	/* VISIT */
		.location_text h2{
			font-size: 30px;
		}
		.truck_schedule_container{
			background: url(road.png);
			background-repeat: no-repeat;
			background-position: center;
			height: 830px;
			background-size: contain;
			width: 90%;
			margin: auto;
			position: relative;
		}
		.black_truck{
			display: unset;
		}
		.white_truck{
			display: none;
		}
		.truck_icon img{
			width: 80px;
		}
		.truck_icon{
			position: absolute;
			left: 50%;
			margin-left: -30px;
			top: 110px;
			animation: truck 10s linear 3s infinite;
			z-index: 10;
		}
		.tooltiptext {
			visibility: hidden;
		  	font-family: "Noto Sans", sans-serif;
		  	width: 120px;
		  	background-color: #006838;
		  	color: #edf0f1;
		  	text-align: center;
		  	padding: 6px 0;
		  	position: absolute;
		  	z-index: 1;
		  	bottom: 120%;
		  	left: 50%;
		  	margin-left: -60px;
		}
		.tooltiptext::after {
	  		content: "";
	  		position: absolute;
	  		top: 100%;
	  		left: 50%;
	  		margin-left: -5px;
	  		border-width: 10px;
	  		border-style: solid;
	  		border-color: #006838 transparent transparent transparent;
		}
		
		.truck_schedule_container h2{
			font-size: 30px;
		}
		.truck_schedule_container h3{
			font-size: 25px;
			padding-bottom: 10px;
		}
		.truck_schedule_container p{
			font-size: 17px ;
			color: #4a4849;
		}
		.weekday0, .weekday1, .weekday2, .weekday3, .weekday4, .weekday5, .weekday6, .weekday7, .weekday8{
			padding: unset;
			padding-left: unset;
		}
		.weekday0{
			width: 100%;
			height: 110px;
			position: relative;
			top: 0px;
			text-align: center;
			background-color: #edf0f1 ;
			padding: 30px 0px;
		}
		.weekday1{
			width: 50%;
			position: absolute;
			top: 110px;
			text-align: right;
			padding-right: 100px;
		}
		.weekday2{
			width: 50%;
			position: absolute;
			top: 110px;
			left: 50%;
			text-align: left;
			padding-left: 100px;
		}
		.weekday3{
			width: 50%;
			position: absolute;
			top: 295px;
			text-align: right;
			padding-right: 100px;
		}
		.weekday4{
			width: 50%;
			position: absolute;
			top: 295px;
			left: 50%;
			text-align: left;
			padding-left: 100px;
		}
		.weekday5{
			width: 50%;
			position: absolute;
			top: 480px;
			text-align: right;
			padding-right: 100px;
		}
		.weekday6{
			width: 50%;
			position: absolute;
			top: 480px;
			left: 50%;
			text-align: left;
			padding-left: 100px;
		}
		.weekday7{
			width: 50%;
			position: absolute;
			top: 665px;
			text-align: right;
			padding-right: 100px;
		}
		.weekday8{
			width: 50%;
			position: absolute;
			top: 670px;
			left: 50%;
			text-align: left;
			padding-left: 100px;
		}
		.sign_up_container h2{
			font-size: 30px;
		}
		.sign_up_container h3{
			font-size: 25px;
		}
		.sign_up_container button{
			font-size: 16px;
		}

}
@keyframes truck1 {
  0%   {top:60px;}
  100% {top:720px;}
}
@keyframes truck {
  0%   {top:110px;}
  100% {top:790px;}
}

@media(hover: hover){
	.nav_button button:hover{
		background-color: #edf0f1  ;
		color: #4a4849;
	}
	.overlay{
		opacity: 0;
	}
    .overlay_container .overlay:hover {
		opacity: 1;
	}

	.column:hover{
		-ms-transform: scale(1.1); 
 		-webkit-transform: scale(1.1); 
  		transform: scale(1.1); 
	}
	.overlay_container{
		transition: all .1s linear 0s;
	}
	.overlay_container:hover{
		-ms-transform: scale(1.1); 
 		-webkit-transform: scale(1.1); 
  		transform: scale(1.1); 
	}
	.foodtruck_img{
		background: url(foodtruck.jpeg);
		background-size: 100%;
  		background-repeat: no-repeat;
  		background-position: center;
  		transition: all .4s ease-out 0s;	
	}
	.foodtruck_img:hover{
		background: url(map.jpeg);
		background-size: 100%;
  		background-repeat: no-repeat;
  		background-position: center;
	}
	.foodtruck_button_container{
		opacity: 0;
		transition: all .3s ease-in 0s;	
	}
	.foodtruck_button_container:hover{
		opacity: 1;
	}
	.truck_button2 button:hover{
		-ms-transform: scale(1.1); 
 		-webkit-transform: scale(1.1); 
  		transform: scale(1.1); 
	}

	.img_btn:hover{
		-ms-transform: scale(1.1); 
 		-webkit-transform: scale(1.1); 
  		transform: scale(1.1);
	}
	.overview_text .nav_button button:hover{
		background-color: #121011;
		color: #edf0f1;
	}
	.button_options button:hover{
		background-color: #121011;
		color: #edf0f1;
	}
	.menu_sidebar a:hover{
		text-decoration: underline;
		text-underline-offset: .7em;
	}
	.collapsible_button:hover{
		background-color: rgba(150, 198, 136, .09);
	}
	.icon_btn figcaption:hover{
		color: #006838;
	}
	.nutrition_table tr:hover{
		background-color: rgba(150, 198, 136, 1) ;
	}
	.nutrition_table thead tr:hover{
		background-color: unset;
	}
	.about_text .nav_button button:hover{
		background-color: #121011;
		color: #edf0f1;
	}
	.customize_table tr:hover{
		background-color: rgba(150, 198, 136, 1) ;
	}
	.truck_icon:hover .tooltiptext {
	  	visibility: visible;
	}
	.truck_icon:hover {
		animation-play-state: paused;
		-ms-transform: scale(1.1); 
	 	-webkit-transform: scale(1.1); 
	  	transform: scale(1.1); 
	}
}