/* ==========================================================================
   > Nullimine
   ========================================================================== */
 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} strong {font-weight:bold;} em {font-style:italic;}

*:focus {outline:none;} /* chrome jaoks */
header, section, footer, aside, nav, main, article, figure {display: block; } /* html5 */

/* ==========================================================================
   > Body ja lingid
   ========================================================================== */
html{height:100%;}
html, body{float:left; min-width:100%; min-height:100%;}

p {line-height: 21px; margin: 0 7px; display:inline;}
p.small{font-weight:300; padding:12px 0 3px 0; float:left; width:100%; font-size:17px;}

body,td,th {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #c66ea0;
	background-color:#000;
}

body {
	background-color:none;
	background-image:;
	background-repeat: repeat-x;
	margin: 0;
	text-align: center;
}

.section a {transition:all .25s ease-in-out;}
.section a:link {text-decoration: none; color: #c66ea0; border-bottom:1.5px solid transparent;}
.section a:visited { text-decoration: none; color: #c66ea0; border-bottom:1.5px solid transparent;}
.section a:hover { text-decoration: none; color: #c66ea0; border-bottom:1.5px solid #c66ea0;}
.section a:active { text-decoration: none; color: #c66ea0; border-bottom:1.5px solid transparent;}

#business_card{position:absolute; bottom:48px; left:48px; float:left; width:567px;}
	.section{float:left; width:100%;}
		.section.pink img{float:left; width:100%;}
	.section.white{background-color:#fff; padding:15px 0;}

.load-item{width:88px; height:88px; float:left; background-position:50%; background-repeat:no-repeat; transition:ease .5s all; cursor:pointer; margin:23% 0 0 0;}
	#prevslide{background-image:url('../images/prev.png'); margin-left:15px;}
		#prevslide:hover{background-image:url('../images/prev_active.png');}
	#nextslide{background-image:url('../images/next.png'); float:right; margin-right:15px;}
		#nextslide:hover{background-image:url('../images/next_active.png'); }

@media screen and (max-height: 780px){
	.load-item{margin:15% 0 0 0;}
}

@media screen and (max-width: 900px){
	#business_card{margin:auto; left:0; right:0; top:3%; bottom:auto; height:238px;}
	.load-item{position:absolute; height:50px; width:50px; background-size:cover; }
		#prevslide{bottom:15px; left:0;}
		#nextslide{bottom:15px; right:0;}
}

@media screen and (max-width: 650px){
	#business_card{width:450px;}
	p{font-size:14.5px;}
	p.small{font-size:14.5px;}
}

@media screen and (max-width: 500px){
	#business_card{width:350px;}
	p{width:100%; float:left; line-height:27px; font-size:15px;}
	.section.white{padding:9px 0 ;}
	p.small{font-size:11.5px; padding:2px 0 0 0;}
}

@media screen and (max-width: 370px){
	#business_card{width:300px;}
	p.small{font-size:9.5px; padding:6px 0 5px 0; line-height:100%;}
}