@font-face {
    font-family: 'laconiclight';
    src: url('../fonts/laconic_bold-webfont.woff2') format('woff2'),
         url('../fonts/laconic_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {height: 100%;}

body.background {background: #333; height: 100%;}
body.background nav {background: #fff;}
body.background div.main {background: #fff;}

.uk-offcanvas-bar {background: #222;}

span.brand {font-family: 'laconiclight'; font-weight: bold; font-size: 72px; color:#0a57b4; margin-top: 0.6em;}

/*___galleria homepage___*/

#fadein1, #fadein2 {display: none;}
p#home_overlay {color: white; font-size: 3.6em; text-align: center;  text-shadow: 0 0 5px #000; line-height: 1.1em;}
p#home_button {text-align: center;}

/*___footer___*/

footer {background: #333; color: #fff;}
footer h3 {color: #c0c0c0;}
footer div.uk-width-large-1-3 {margin: 1.6em 0;}
footer a {color: #4189dd;}
footer a:hover {color: #4189dd;}
footer a:active {color: #4189dd;}
footer a:focus {color: #4189dd;}
footer a:visited {color: #4189dd;}

.blu {color: #4189dd;}

p.sub {font-size: 0.9em; background: #f4f4f4; padding: 0.4em; border-radius: 2px;}

main {margin: 2.4em 0em}

main h2 {font-size: 2.6em; padding-bottom: 0.3em;}

main h3 {border-bottom: 2px solid #e0e0e0; padding-bottom: 0.3em;}

main h4, main h5, main h6 {font-weight: bold;}

article {margin-bottom: 2em;}

aside {border-top: 1px solid #c0c0c0; margin-top: 1.6em;}

dt {font-weight: bold; font-size: 1.1em;}

.shadow {box-shadow: 3px 3px 4px #a0a0a0;}

.rounded {border-radius: 50%;}

p.inside_rounded {padding: 0 0 20% 20%;}

h3.uk-panel-title {border-bottom: 3px solid #004b25;}

label {font-weight: bold;}

img.header {margin: 1.6em 0 0 0;}

dl.uk-description-list-line dd {color: #444;}

.blogmenu {margin-bottom: 2.4em;}

ul.sublist {
	list-style-type: none;
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

ul.sublist li {
	list-style-type: none;
	margin-bottom: 0.6em;
}

ul.sublist a.uk-button{
	min-width: 12em;
}

/*___image galleries___*/
ul.gallery {margin: 0; padding: 0; list-style-type: none; display: block; margin: 1em 0; clear: both; float: left;}
ul.gallery li {float: left; margin: 0 1em 1em 0; border: none; padding: 0; box-shadow: 3px 3px 4px #a0a0a0;
	width: auto; height: 150px;}
ul.gallery li a {border: none; text-decoration: none; margin: 0; padding: 0;}
ul.gallery li a img {width: auto; height: 150px;}

/*___videos___*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
margin-bottom: 2em;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (max-width: 480px){
	
	form input, form button, form a {
		display: block; width: 100%;
	}
	
	.uk-form input {margin: 0 0 0.8em 0;}
	
	.uk-form button {margin: 0 0 0.8em 0;}

}

@media screen and (max-width: 800px){
	
	footer div.uk-width-large-1-3 {padding-bottom: 1em; border-bottom: 1px solid #444;}
	
}

@media screen and (max-width: 1024px){
	
	header div.uk-width-large-1-6 {text-align: center;}
	
	div.uk-width-large-1-3 {margin-bottom: 1.6em;}
}

@media screen and (min-width: 1024px){
	
	img#logo {margin-left: 6em;}
	
	.responsive-custom {float: right;}

}