@import url("https://use.typekit.net/rtq0wmf.css");
@import url("animate.css");*/

/* fonts

font-family: termina, sans-serif;
font-weight: 500, 700, 800;
font-family: elza, sans-serif;
font-weight: 400, 600;
font-style: normal, italic;

*/

/* --- reset styles --- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th,figcaption { /*font-size: 14px;*/ font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

*, a, a img { outline: none !important; }
a img { border: none; outline: none; }

.hidden { display: none; }

.clearfix { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.selfclear { zoom:1; }
.selfclear:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }

body {
	background: #F2F5F3;
	color: #002B17;
	font-family: "noka", sans-serif;
	font-weight: 500;
	line-height: 1.5;
	padding: 3rem 2rem;
	font-size: 16px;
}
.container {
	border: 43px solid #FFFFFF;
	padding: 4rem 4rem 4rem 4rem;
	position: relative;
	width: 500px;
	margin: 0 auto;
	padding-left: 20%;
}
h1 {
	position: absolute;
	left: -43px;
	top: 0;
	width: 200px;
	height: 300px;
	text-indent: -9999px;
	background: url(../graphics/davidmaluje-logo.gif) no-repeat;
	background-size: contain;
}
.contact { font-size: 21px; line-height: 28px; }
h2 {
	font-family: "noka", sans-serif;
	font-weight: 800;
	font-size: 36px;
	line-height: 40px;
	color: #002B17;
}
.col1 {
	float: left;
	width: 65%;
	box-sizing: border-box;
	padding-right: 2rem;
	padding-top: 4rem;
}
.col2 {
	position: absolute;
	bottom: 2rem;
	right: 3rem;
	color: #B7BDBA;
}
.col2 ul, .col2 li {
	list-style: none;
	margin: 0 0 0.3rem 0;
	padding: 0;
}
a {
	display: inline-block;
	text-decoration: none;
	background: #FAAC18;
	color: #002B17;
	padding: 0.5rem 1rem;
	margin: 0.5rem 0;
	margin-left: -1rem;
	border-radius: 40px;
	font-weight: 800;
}
a:hover { background: #f15c23 }

@media only screen and (max-width: 479px) {
	body {
		padding: 1rem 1rem;
	}
	.container {
		border: 32px solid #FFFFFF;
		padding: 200px 2rem 2rem 2rem;
		position: relative;
		width: auto;
		margin: 0 auto;
	}
	h1 {
		top: 0px;
		left: -32px;
		width: 150px;
		height: 250px;
	}
	h2 {
		font-size: 30px;
		line-height: 30px;
	}
	.col1 {	float: none; width: 100%; padding-top: 0; }
	.col2 { position: relative;
		bottom: auto;
		right: auto;
	}
	.contact { font-size: 1rem; line-height: 1.5em; }
	/*a { font-size: 0.8rem; }*/
}