@font-face {
  font-family: 'CallunaSans';
  src: url('CallunaSans-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('CallunaSans-Regular-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
       url('CallunaSans-Regular-webfont.woff') format('woff'), /* Modern Browsers */
       url('CallunaSans-Regular-webfont.svg#CallunaSans-Regular') format('svg'); /* Legacy iOS */
  font-weight: normal;
}
@font-face {
  font-family: 'Calluna';
  src: url('Calluna-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('Calluna-Regular-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
       url('Calluna-Regular-webfont.woff') format('woff'), /* Modern Browsers */
       url('Calluna-Regular-webfont.svg#Calluna-Regular') format('svg'); /* Legacy iOS */
  font-weight: normal;
}

body { margin-left:4%; margin-right:4%}
.hoger, .hoger_clear { width: 30%; float: right }
.vanster, .vanster_clear { width: 60%}
.vanster_clear, .hoger_clear { clear: both}
#portratt { margin-top: 20px}
.vanster, .vanster_clear { font-family: 'Calluna', serif; font-size: 20px}
.nutid { font-family: 'CallunaSans', serif; font-size: 20px}
.uppfattning, .historia, #kontakt { font-family: Helvetica, Arial, sans-serif; font-size:16px}
.uppfattning p:first-letter {font-size:24px}

@media screen and (max-width: 600px) {
	#portratt { display: none}
	.vanster, .vanster_clear { width: 100%; font-family: 'CallunaSans', sans}
}