/* DOMAIN: okawango.lu */

@import url('https://fonts.googleapis.com/css?family=Roboto:100, 300');

body													{ color:#666; font-family:"Roboto", sans-serif; font-size:16px; font-weight:300; line-height:1.3em; }

h1, h2, h3										{ color:#008379; font-weight:100; margin:0.8em 0 0.3em; }
h1														{ font-size:3em; }
h2														{ font-size:1.6em; }
h3														{ font-size:1.3em; }

a, a:active, a:focus					{ color:#008379; text-decoration:none; }
a:hover												{ color:#008379; text-decoration:underline; }

img.pull-right								{ margin:2px 0 15px 20px; }
img.pull-left									{ margin:2px 20px 15px 0; }

p															{ }

p:last-child									{ margin-bottom:0; }

.content .row									{ margin:2em 0; }

header .row										{ padding:0 15px 2px; }
header .col										{ position:relative; }
header .col:after							{ background-color:#999; bottom:-10px; content:""; height:2px; left:15px; right:15px; position:absolute; }
header h1											{ left:150px; line-height:1em; margin:0; position:absolute; }
header h1 span								{ font-size:0.5em; line-height:1em; }

footer .row										{ font-size:12px; padding:1em 15px; text-align:center; }
footer .col										{ position:relative; }
footer .col:after							{ background-color:#999; content:""; height:2px; left:15px; position:absolute; right:15px; top:-1em; }


@media (max-width: 479px){
	img.pull-right							{ display:block; float:none !important; margin:1em auto; max-width:300px !important; }
	header h1										{ bottom:-2px; font-size: 1.5em; }
}

@media (min-width: 480px) and (max-width: 767px) {
	img.pull-right							{ max-width:50%; }
	header h1										{ bottom:-4px; font-size: 2em; }
}

@media (min-width: 768px){
	.container 									{ width:768px; }
	header h1										{ bottom:-6px; font-size: 3em; }
}