html, body
			{
				width:100%;
			}
			*
			{
				box-sizing: border-box;
			}
			body 
			{
				font-family: 'Open Sans', sans-serif;
				font-size:13pt;
				line-height:25px;
				margin:0;
				color:#222;
			}
			
			a
			{
				color:#004fc0;
			}
			
			p
			{
				margin:0px 0px 20px 0px;
				/*text-align:justify;*/
			}
			
			header
			{
			    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.5);
			    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.5);
			    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.5);
			    padding:1px;
			    margin:0px 0px 10px 0px;
			    border-bottom:20px solid #d1e4ff;
			}				
			
			#tel
			{
				background-color:#004fc0;
				color:#fff;
				text-align:center;
				padding:10px 0px;
				cursor:pointer;
				display:block;
				text-decoration:none;
				font-weight:bold;
			}
			
			h1
			{
				font-family: 'Merriweather', sans-serif;
				color:#222;
				
				line-height:40px;;
				position:relative;
				font-size:130%;
				margin-top:20px;
			}
			
			h1::before
			{	
				margin:-100px 10px 0px 10px;
				transform:scaleX(-1);
				float:left;
				display:block;
				content:'';
				width:80px;
				height:180px;
				background-color:#004fc0;
				background-image:URL('/img/logo.svg');
				background-size:70px 70px;
				background-repeat:no-repeat;
				background-position:center 105px;
				border-radius:3px;
			}
			
			h1 a
			{
				text-decoration:none;
				color:#222;
			}
			
			h3
			{
				font-family: 'Khula', sans-serif;
				font-size:100%;
				margin:0;
				line-height:20px;
			}
			
			h2
			{
				font-size:110%;
				margin:20px 0px 0px 0px;
			}
			
			aside
			{
				display:block;
				text-align:center;
				border:1px solid #efdd45;
				background-color:#004fc0;
				background-color:#fbf8bc;
				border-radius:4px;
				padding:10px;
				color:#fff;
				color:#222;
			}
			
			aside h3:before
			{
				content: "!";
				display:inline-block;
				padding:3px 5px 0px 5px;
				background-color:#efdd45;
				margin:0 5px 0 0;
			}
			
			dt
			{
				font-weight:bold;
			}
			
			dd
			{	
				margin-bottom:10px;
				font-style:italic;
			}
			
			aside a
			{
				color:#000;
			}
			
			#map iframe
			{
				width:100%;
				height:400px;
			}
			
			#map p, #map h3
			{
				padding-left:20px;
			}
			
			nav
			{
				position:absolute;
				top:5px;
				right:5px;
				font-size:70%;
				font-weight:bold;
			}
			
			nav ul
			{
				margin:0;
				padding:0;
				list-style:none;
			}
			
			nav li
			{
				display:block; 
				float: right;
				width:auto;
				padding:0px 15px 0px 10px;
			}
			
			nav li a
			{
				text-decoration:none;
			}
			
			section, aside
			{
				margin:0 10px 10px 10px;
			}
			
			table
			{
				width:100%;
			}
			
			td
			{
				vertical-align: top;
				padding:2px 5px;
				
			}
			
			table tr:nth-child(even)
			{
				background-color:#d1e4ff;
			}
			
			
			footer
			{
				clear:both;
				background-color:#eee;
				color:#aaa;
				min-height:80px;
				padding:25px;
				font-size:70%;
				text-align:center;
    			-webkit-box-shadow: 0px -1px 7px 0px rgba(0,0,0,0.3);
    			-moz-box-shadow: 0px -1px 7px 0px rgba(0,0,0,0.3);
    			box-shadow: 0px -1px 7px 0px rgba(0,0,0,0.3);				
			}
			
			footer p
			{
				margin:0px 0px 10px 0px;
			}
			
			
			
			blockquote
			{
				position:relative;
				margin:10px 0 20px 0;
				padding:0px 20px;
				background-color:#EEE;
				border-radius:4px;
			}
			
			blockquote:before {
			    content: "\201C";
			    font-size: 300%;
			    font-family: sans-serif;
			    color: #aaa;
			    position: absolute;
			    top: 0px;
			    left: 0px;
			}
			
			blockquote:after
			{
				content: "\201D";
			    font-size: 300%;
			    font-family: sans-serif;
			    position: absolute;
			    bottom: -25px;
			    right: 10px;
			    color: #aaa;
		    }
			form input[type=text], textarea, input[type=email]
			{
				padding:6px;
				margin:0px 0px 10px 0px;
				width:90%;
				border-radius:3px;
				border:1px solid #aaa;
				font-size:110%;
				font-family:sans-serif;
			}
			
			@media screen and (min-width: 800px) 
			{
				#tel
				{
					display:none;
				}
				
				h1
				{
					padding-left:20px;
				}
				
				
				aside
				{
					width:47%;
					float:right;		
				}
				
				section
				{
					width:47%;
					float:left;
					padding-left:20px;
				}
				
				#map
				{
					width:47%;
					float:right;
					margin:10px;
					
				}
				
				#map img
				{
					border-radius:4px;
				}
				
				
				#map p, #map h3
				{
					padding-left:0px;
				}				
				
				nav li a
				{
					font-size:130%;
					color:#222;
				}

				
				
				
				
			}