/* CSS Document */

*{
	font-size: .98em;
	font-family: 'Open Sans', sans-serif;
}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');

@font-face {
	font-family: 'paloaltoheavy';
	src: url('../fonts/Palo_Alto_Oblique-webfont.eot');
	src: url('../fonts/Palo_Alto_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Palo_Alto_Oblique-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'paloaltoheavy-reg';
	src: url('../fonts/Palo_Alto_Regular-webfont.eot');
	src: url('../fonts/Palo_Alto_Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Palo_Alto_Regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

h1{ font-family: 'paloaltoheavy'; color: #003074; font-size: 38px; line-height: 38px; }
h2{ font-family: 'paloaltoheavy'; color: #003074; font-size: 34px; line-height: 34px; }
h3{ font-family: 'paloaltoheavy'; color: #003074; font-size: 26px; line-height: 26px; }

hr{ opacity: .5; }

a:hover{ color: #d92b2b; }

.button{ font-family: 'paloaltoheavy-reg'; background: #d92b2b; color: #FFF; font-size: 1.2em; font-weight: bold; border-radius: 10px; text-transform: uppercase; border-radius: 5px; background-color: #ff0014; box-shadow: 3px 4px rgba(0,0,0,.2); }
.button:hover{ background: #d92b2b; }

header{ height: 160px; width: 100%; border-bottom: #dedede 1px solid; margin-bottom: 20px; font-size: 10px; }
header .row{ display: flex; align-items: center; height: 160px; }
header .header-icon{ width: 24px; display: block; float: left; margin-right: 8px; }
header .row div{ display: flex; align-items: center; }

.row div{ margin-bottom: 25px; }
.ingredients{ border-radius: 2px; box-shadow: 0 1px 4px rgba(0,0,0,.34); padding: 20px;}	
.responsive-image{ width: 100%; }

.2columns{ column-count: 3; column-gap: 2em; }

footer{ font-size: 12px; color: #4e4e4e; }
footer a{ text-decoration: underline; color: #4e4e4e; }