@charset "utf-8";
/* CSS Document */
body {
  font-family: "semplicitapro";
  }
a{text-decoration:none;} a:hover{text-decoration:none;}
body { padding:0; margin:10px;line-height:1.5}
.logo { display:block; width:100%; text-align:center;padding:50px 0 50px;}
p.welcome { display:block; margin:0px 0 10px; color:#666; font-size:16px; text-align:center;}
p.touch { display:block; margin:0px 0 40px; color:#808080; font-size:14px; text-align:center;}
.contact { display:block; width:100%; text-align:center;padding:0px 0 10px;}
.contact a { color:#333; font-size:17px;display:block;margin:0; padding:0 0 15px;font-weight:bold }
.contact a img.phone { position:relative; top:-3px;right:5px; }
.contact a img.email { position:relative; top:0px;right:5px; }




p {
		animation-name: fadeIn;
		animation-duration: 4s;
}
a {
		animation-name: fadeIn;
		animation-duration: 4s;
}
	
	img {
		max-width: 40%;
		animation-name: fadeIn;
		animation-duration: 3s;
	}



	
	@-webkit-keyframes fadeIn {
	  0%   { opacity: 0; }
	  50%  { opacity: 0; }
	  100% { opacity: 1; }
	}
	@-moz-keyframes fadeIn {
	  0%   { opacity: 0; }
	  50%  { opacity: 0; }
	  100% { opacity: 1; }
	}
	@-o-keyframes fadeIn {
	  0%   { opacity: 0; }
	  50%  { opacity: 0; }
	  100% { opacity: 1; }
	}
	@keyframes fadeIn {
	  0%   { opacity: 0; }
	  50%  { opacity: 0; }
	  100% { opacity: 1; }
	}

@media screen and (max-width: 500px){


p.welcome{
	font-size: 20px;
	padding: 0px 1px 0px !important;
}
p.touch{
	font-size: 18px;
} 
.logo img {
    width: 60%;
    max-width: 100%;
}
}