body{
        		padding: 60px 0 0 0;
        		margin: 0;
				font-family: 'Open Sans', sans-serif;
				background: url('fancy-cushion.png') #1b1b1b;
        	}
        	img{
        		max-width: 100%;
        	}
        	h1,h2,h3,h4,h5{
        		font-family: 'Saira Extra Condensed', sans-serif;
        		color: #323232;
        		text-align: center;
        	}
        	h2{
    		    font-size: 50px;
			    line-height: 50px;
        	}
        	p {
			    max-width: 700px;
			    margin: 10px auto;
			    line-height: 175%;
			    font-size: 15px;
			}
			.wrapper {
				    max-width: 1000px;
				    margin: 0 auto;
				    background: #ececec;
				    box-shadow: 0px 0px 35px 20px #000;
				}
			.content{
				max-width: 1000px;
			    margin: 0 auto;
			}
			#hero{
				position: relative;
			}
        	.hero-image{
        		width: 100%;
        		display: block;
        		margin: 0 auto;
        	}
        	ul.hero_nav {
			    position: absolute;
			    width: 100%;
			    list-style: none;
			    display: flex;
			    margin: 0;
			    height: 30px;
			    bottom: 0;
			    left: 0;
			    justify-content: center;
			    right: 0;
			    flex-direction: row;
			    padding: 0;
			    background: rgba(0,0,0,.3);
			    align-items: center;
			}
			.hero_nav li {
				display: flex;
			    height: 10px;
			    font-size: 8px;
			    line-height: 9px;
			    text-align: center;
			    width: 10px;
			    flex-direction: column;
			    margin: 0 10px;
			    border: 2px transparent solid;
			    border-radius: 20px;
			    cursor: pointer;
			}
			.hero_nav li.active {
			    border: 2px solid #fff;
			}
        	#header{
        		width: 100%;
        		position: fixed;
        		top: 0;
        		left: 0;
        		right: 0;
        		height: 40px;
        		background: rgba(0,0,0,.8);
        		text-align: center;
        		color: white;
        		padding: 10px 0;
        		border-bottom: 1px solid #ddd;
        		z-index: 10;
        	}
        	.section {
				    padding: 60px 10px;
				}
        	#header svg#logo {
			    max-height: 40px;
			    display: block;
			    width: 130px;
			    padding: 5px 0 0 10px;
			}
        	.logo-color{
        		transition: fill 0.25s ease;
        	}
        	.yellow, .yellow-hover:hover{
        		fill:#fde137;
        		background: #fde137;
        	}
        	.yellow-text{
        		color: #efd120;
        	}
			.orange, .orange-hover:hover {
				fill: #ff4404;
				background: #ff4404;
			}
			.orange-text{
				color:#ff4404;
			}
			.pink, .pink-hover:hover {
				fill: #da37e8;
				background: #da37e8;
			}
			.pink-text{
				color:#da37e8;
			}
			.green, .green-hover:hover {
				fill: #3dfe47;
				background: #3dfe47;
			}
			.green-text{
				color: #3dfe47;
			}
			.blue, .blue-hover:hover {
				fill: #3e67ff;
				background: #3e67ff;
			}
			.blue-text{
				color: #3e67ff;
			}
			.red, .red-hover:hover {
				fill: #fb0316;
				background: #fb0316;
			}
			.red-text{
				color: #fb0316;
			}
			.logo-black{
				fill: #323232;
			}
			#header svg#logo  * {
			    fill: #ffffff;
			}
			.testimonials {
			    padding: 20px;
			    background: #000000;
			    margin: 40px 0;
			    position: relative;
			    color: #fff;
			}
			.testimonials blockquote{
				display: none;
				text-align: center;
				position: relative;
        		transition: all 0.25s ease;
			}
			.testimonials blockquote::before {
			    content: '"';
			    font-size: 52px;
			    position: absolute;
			    left: -20px;
			    top: -7px;
			    color: rgba(255,255,255,0.3);
			}
			.testimonials blockquote.active{
				display: block;
			}
			.testimonials blockquote.active.padded{
				padding: 15px 0;
				border-top: 1px solid #fff;
				margin: 15px 0;
			}
			blockquote p{
        		font-family: 'Saira Extra Condensed', sans-serif;
        		font-size: 25px;
			}
			blockquote p.attribution{
				font-family: 'Open Sans', sans-serif;
				font-size: 12px;
			}
			a#read_all_testimonials {
			    position: absolute;
			    right: 5px;
			    bottom: 5px;
			    text-decoration: underline;
			    font-size: 11px;
			    cursor: pointer;
			}
			.flex-row{
				display: flex;
				flex-direction: row;
				padding: 20px 0;
			}
    		.flex-column{
    			display: flex;
    			flex-direction: column;
    		}
    		.flex-main{
			    flex-grow: 1;
			    align-items: center;
    		}
    		.justify-content-center{
    			justify-content: center;
    		}
    		.product-image {
			    width: 400px;
			}
			.product-image-wrapper{
				min-height: 250px;
				padding: 20px;
			}
    		.product-name {
			    display: block;
			    text-transform: uppercase;
			    font-size: 30px;
			    border-bottom: 3px solid;
			}
			.vitamin-vodka{
			    text-align: center;
			    background: #000;
			}
			.vitamin-vodka *{
			    color: #fff;
			    fill: #fff;
			}
			#vitamin-vodka{
				max-width: 80%;
			}
    		footer {
			    background: #343434;
			    padding: 10px;
			    text-align: center;
			    display: flex;
			    color: #fff;
			    justify-content: center;
			}
    		#footer-logo {
			    max-width: 80px;
			    width: 80px;
			    height: 25px;
			    margin: 2px;
			}
    		#footer-logo .logo-black{
    			fill: #fff;
    		}
    		.mood-flavor {
			    padding: 50px 0px;
			}
    		.mood-flavor p{
			    margin: 10px 0 0 0;
			    font-size: 18px;
			    display: block;
			    line-height: 180%;
		        white-space: pre-line;
    		}
			.mood-flavor-description{
			    max-width: 520px;
			    padding: 5px 20px;
			}
			.person-pic{
				border-radius: 200px;
			}
			.lifestyle-pictures img{
				padding: 10px;
				border-radius: 25px;
			}
    		@media only screen
    		and (max-width : 615px) {
    			.flex-row{
    				flex-direction: column;
    			}
    			.flew-column{
    				flex-direction: row;
    			}
    			.justify-content-center {
				    align-items: center;
				}
				.mood-flavor:nth-child(odd) .flex-row {
				    flex-direction: column-reverse;
				}
				.mood-flavor img{
					max-width: 200px;
				}
    		}