@font-face {
font-family: 'CoopCloudRegular';
src: url('font/coopcloud-webfont.eot');
src: local('☺'), url('font/coopcloud-webfont.woff') format('woff'), url('font/coopcloud-webfont.ttf') format('truetype'), url('font/coopcloud-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

h4 {
font-weight: normal;
font-style: normal;
line-height: normal;
font-family: 'CoopCloudRegular', sans-serif;
text-transform: uppercase;
}

/* Textstorlekar */
/* 12px */
div.footer div.contact h4 { font-size: 1.2em; }

/* 14px */
div.mmOption h4 { font-size: 1.4em; }

/* 15px */
div.teaser h4,
div.ecoInfo h4 { font-size: 1.5em; }

/* 16px */
div.searchResultRecipeBubble h4,
div.coopFont h4 { font-size: 1.6em; }

/* 18px */
fieldset.contactUs h4,
div.bubble h4 { font-size: 1.8em; }

/* 22px */
div.teaser.loginModule h4 {	font-size: 2.2em; }

/* Färgvarianter */
/* Vitt */
div.teaser.recipe h4,
div.teaser.shop h4,
div.teaser.cooperative h4,
div.teaser.medMera h4,
div.teaser.myPages h4,
div.generalModule.medMera h4,
div.ecoInfo h4,
div.footer div.contact h4,
fieldset.contactUs h4,
div.searchResultRecipeBubble h4,
div.bubble h4,
div.teaser.loginModule h4 { color: #fff; }

/* Orange */
div.teaser.recipe.pale h4,
div.recipe .coopFont h4 { color: #dc7900; }

/* Grönt */
div.teaser.shop.pale h4,
div.shop .coopFont h4 { color: #61a100; }

/* Blått */
div.teaser.cooperative.pale h4,
div.cooperative .coopFont h4 { color: #1a9bd7; }

/* Lila */
div.teaser.medMera.pale h4,
div.medMera .coopFont h4,
div.generalModule h4,
div.mmOption h4 { color: #a581d7; }

/* Rosa */
div.teaser.myPages.pale h4,
div.myPages .coopFont h4 { color: #e46b89; }