@media screen and (min-width: 800px){
	#mc_embed_signup form {
	    display: block;
	    position: relative;
	    text-align: left;
	    padding:0;
	}
	.description .thumbnail-cooks img {
	    max-width: 16.39vw;
	}
}

@media screen and (max-width: 1400px){
	.container {
		width: 100%;
	}
	.price .container,
	.footer .container {
		width: 90%;
	}
	.description .thumbnail-cooks img {
	    max-width: 16vw;
	}
}
@media screen and (max-width: 768px){
	h1 {
		font-size: 52px;
	}
	.top .content h1 {
		font-size: 64px;
	}

	.subscribe .subscribe-header {
		width: 100%;
	}
	.price .container,
	.footer .container {
		width: 100%;
	}

	.logo {
    	max-width: 50vw;
    	margin: 0 auto;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
	    position: relative;
	}
	h1 {
		font-size: 44px;
	}
	.description .thumbnail-cooks img {
	    max-width: 30vw;
	}
	.description .thumbnail-cooks {
	    margin: 0 auto;
	    text-align: center
	}
	.top .content .button img {
	    margin: 0 auto;
	    margin-bottom: 50px;
	}

	#mc_embed_signup form {
		padding: 0;
	}
	.container {
		padding: 0 25px;
	}
	.app-image {
	    text-align: center;
	    max-width: 60vw;
	    margin: 0 auto;
            padding-top:25px;
	}
}
@media screen and (max-width: 640px){
	h1 {
		font-size: 44px;
	}
	.underline {
		max-width: 250px;
	}
	.underline:before,
	.underline:after  {
		width: 100px;
	}
	.top .content h1 {
		font-size: 56px;
	    margin-top: 0;
	    line-height: 60px;
	}
	.top .content .button a {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: table;
		margin-bottom: 60px;
	}
	.features {
		padding-top: 30px;
	}
	.description .content .button a {
		margin-left: auto;
		margin-right: auto;
		display: table;
	}
	.testimonial .testimonial-slide {
		width: 100%;
	}
	.subscribe .social li {
		margin-right: 5px;
	}
	.footer .contact .contact-submit {
		padding: 10px 30px;
		font-size: 20px;
	}

	.logo {
    	max-width: 80vw;
    	margin: 0 auto;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
	    position: relative;
	}
	h1 {
		font-size: 44px;
	}
	.description .thumbnail-cooks img {
	    max-width: 25vw;
	}
	.description .thumbnail-cooks {
	    margin: 0 auto;
	    text-align: center
	}
	.top .content .button{
		text-align: center;
	}
	.section-padding {
	    padding-top: 40px;
	    padding-bottom: 30px;
	}
}

@media screen and (max-width: 480px){
	.header {
		width: 100%;
	}
	.underline {
		max-width: 200px;
	}
	.underline:before,
	.underline:after  {
		width: 75px;
	}

	.input-group-addon {
		height: 50px;
	}
	.subscribe .subscribe-form input {
		height: 50px;
	}
	.subscribe .subscribe-form button {
		padding: 10px 20px;
		font-size: 18px;
	}

	.logo {
    	max-width: 80vw;
    	margin: 0 auto;
	}
	.top .content p {
	    line-height: 1.6em;
	    font-weight: normal;
	    letter-spacing: normal;
	    font-size: 16px;
	}
	.top .content h1 {
		font-size: 30px;
		margin-top: 20px;
		line-height: 120%;
		letter-spacing: -3px;
	}
	.top .content h1.bottom-left {
	    margin-top: 40px;
	}
	.top .content h1.smaller-heading {
		margin-top: 0px;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
	    position: relative;
	    z-index: 10;
	}
	.navigation .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a {
	    border-bottom: none;
	}
	.navigation .navbar-default .navbar-nav>li>a.btn-order {
		padding: 10px 0 10px 0;
		margin: 10px 15px;
	}
	.btn-order {
	    border: 0;
	}
	h1 {
		font-size: 30px;
		margin: 20px 0;
		line-height: 120%;
		letter-spacing: -3px;
	}
	.description .thumbnail-cooks img {
	    max-width: 30vw;
	}
	.description .thumbnail-cooks {
	    margin: 0 auto;
	    text-align: center
	}
	#mc_embed_signup form {
		padding: 0;
	}
	.container {
		padding: 0 25px;
	}
	.app-image {
		text-align: center;
		max-width: 80vw;
		margin: -50px auto 0px auto;
                padding-top:25px;
	}
	.section-padding {
	    padding-top: 40px;
	    padding-bottom: 30px;
	}

	#mc_embed_signup .mc-field-group {
	     width: 100%;
	     padding-bottom: 3%;
	     margin: 0;
	}
	#mc_embed_signup .mc-field-group-short {
	     width: 100%;
	     padding-bottom: 3%;
	     margin: 0;
	}
	.subscribe .subscribe-header p {
		width: 100%;
		margin: 30px auto;
	}

	.top .content .button img {
	    margin: 0 auto;
	    margin-bottom: 50px;
	}

	.social {
	    width: 100%;
	    margin: 0 auto 10px auto;
	}
	.social ul {
	     margin: 0 auto;
	     text-align: center;
	     width: 55%;
	}

	.social li {
	    float: right;
	    list-style: none;
	    margin-right: 15px;
	}
	#why-umi-1 {
		height: 93vh;
	    background-size: 64%;
	    background-position: right bottom;
	}
	#why-umi-2 {
		height: 90vh;
	}
	#why-umi-3 {
    	height: 90vh;
	}
	#why-umi-4 {
	    background: #86ce8e url(../images/why-umi-4-mobile.png) no-repeat;
	    background-size: 80%;
	    background-position: center 90%;
	    height: 106vh;
	}

	.float-top {
		margin-top: 20%;
	}
	.float-middle {
	    margin: 25% auto 0 auto;
	    float: none;
	}
	.footer {
	    float: none;
	    width: 100%;
	    padding-top: 10px;
	}
	.footer p {
		text-align: center;
	}
	.nav>li {
	    border-bottom: 1px solid #fff;
	}
	#brown-bg {
	    background: url(../images/why-umi-2.png) no-repeat;
	    background-size: 125%;
	    background-position: -51px 67%;
	    height: 100vh;
	}
	#why-umi-1 h1.smaller-heading, #why-umi-2 h1.smaller-heading, #why-umi-3 h1.smaller-heading, #why-umi-4 h1.smaller-heading {
	    font-size: 30px;
	}

	#why-umi-2 p, #why-umi-3 p, #why-umi-4 p{
	    text-align: center;
	}
	#why-umi-3 {
	    background-image: url(../images/why-umi-3a-mobile.png), url(../images/why-umi-3b-mobile.png);
	    background-position: 0 10px, 0% 97%;
	    background-repeat: no-repeat, no-repeat;
	    background-size: contain, contain;
	}
	#why-umi-3 h1.smaller-heading {
	    margin-top: 27%;
	}
	#why-umi-4 {
	    background: #86ce8e url(../images/why-umi-4-mobile.png) no-repeat;
	    background-size: 85%;
	    background-position: 50% 90%;
	}
	ul#trust-ul {
	    margin-bottom: 60px;
	    margin-left: 10px;
	}
	ul#trust-ul li{
		background: url(../images/star-icon.png) no-repeat left 11px;
		background-size: 6%;
		padding: 4px 0px 20px 40px;
	}
	.navigation .navbar .navbar-brand img {
		margin-left: -7px;
	}
	.navigation .navbar-default .navbar-nav>li>a.btn-order:hover {
		background: transparent;
		color: #fff;
	}
}