/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300|Open+Sans:400,700,400italic,700italic); 

body												{ background-image:url('/_res/stucco.jpg'); font-family:"Open Sans",sans-serif; 
															font-size:16px; font-weight:400; }

/*
header:before								{ background-image:url('/_res/bubbles.png'); animation:anim_bg2 30s linear infinite; content:""; position:fixed; top:0; bottom:0; left:0; right:0; z-index:-1; }
@keyframes anim_bg					{ from { background-position:0 100%; } to { background-position:0 0; } }
@keyframes anim_bg2					{ from { background-position:0 100%; } to { background-position:0 0; } }
body												{ background-position:0 0; animation:anim_bg 100s linear infinite; }
*/
h1, h2, h3									{ font-family:"Oswald", sans-serif; font-weight:300; letter-spacing:0.05em; }
h1													{ color:#333366; font-size:24px; }
h2													{ color:#914147; font-size:21px; }
h3													{ color:#333366; font-size:18px; }

h1:first-child,
h2:first-child,
h3:first-child							{ margin-top:0; }

a, a:active, a:focus				{ color:#333366; outline:0; }
a:hover											{ color:inherit; }

hr													{ clear:both; height:1px; margin:1em 0; }

header .container,
.content .container,
footer .container						{ max-width:600px; }


header											{ background:url('/_res/header.png') no-repeat center top; height:300px; }
header .logo								{ display:none; }
nav													{ display:none; }

.textblock									{ background:rgba(255,255,255,0.9); box-shadow:0 4px 20px -10px #666; margin-bottom:35px; padding:25px; }
.textblock img							{ max-width:45%; }
.textblock img.pull-left, 
.textblock img.pull-right		{ margin-bottom:1em; }

.content .container					{ margin-top:-100px; }

footer											{ font-size:12px; margin-bottom:2em; text-align:center; }


@media (max-width:767px){
	header										{ background-size:contain; }
}

@media (min-width:768px){
	h1												{ font-size:30px; }
	h2												{ font-size:24px; }
	h3												{ font-size:21px; }
	header										{ height:520px; }
	.content .container				{  margin-top:-180px; }
}