/*yodastudio.com
font-family: 'Prompt', sans-serif;
font-family: 'Michroma', sans-serif;
font-family: 'Oregano', cursive;
font-family: 'Special Elite', cursive;*/

body{
	font-family: 'Prompt', sans-serif;
}

img.logo-main{
	padding-top: 25%;
	padding-bottom: 20%;
	width: 90%;
	-webkit-animation: fadeIn 5s;
	-moz-animation: fadeIn 5s;
	-ms-animation: fadeIn 5s;
	-o-animation: fadeIn 5s;
	animation: fadeIn 5s;
}

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

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

@-ms-keyframes fadeIn{
	0% {opacity:0;}
	100% {opacity:1;}
}

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

@keyframes fadeIn{
	0% {opacity:0;}
	100% {opacity:1;}
}

.fade-in-bottom{
	animation: fadeInBottom 5s;
}

@-webkit-keyframes fadeInBottom{
	0% {opacity:0;}
	100% {opacity:1;}
}

@-moz-keyframes fadeInBottom{
	0% {opacity:0; margin-top: 100px;}
	100% {opacity:1; margin-top: 0;}
}

@-ms-keyframes fadeInBottom{
	0% {opacity:0; margin-top: 100px;}
	100% {opacity:1; margin-top: 0;}
}

@-o-keyframes fadeInBottom{
	0% {opacity:0; margin-top: 100px;}
	100% {opacity:1; margin-top: 0;}
}

@keyframes fadeInBottom{
	0% {opacity:0; margin-top: 100px;}
	100% {opacity:1; margin-top: 0;}
}

h1{
	font-family: 'Special Elite', cursive;
}

h2,
h3{
	font-family: 'Prompt', sans-serif;
}

div.social-content a{
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 40px 10px 10px;
	background; #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	transition: all 0.5s ease-out 0s;
}

div.social-content a:focus,
div.social-content a:hover{
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 40px 10px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
}

div.social-content a:focus.btn-facebook,
div.social-content a:hover.btn-facebook{
	background: #3c5a99;
}

div.social-content a:focus.btn-twitter,
div.social-content a:hover.btn-twitter{
	background: #00aced;
}

div.social-content a:focus.btn-linkedin,
div.social-content a:hover.btn-linkedin{
	background: #0e76a8;
}

div.social-content a:focus.btn-whatsapp,
div.social-content a:hover.btn-whatsapp{
	background: #61fd7d;
	background: -moz-linear-gradient(top,  #61fd7d 0%, #25cf43 100%);
	background: -webkit-linear-gradient(top,  #61fd7d 0%,#25cf43 100%);
	background: linear-gradient(to bottom,  #61fd7d 0%,#25cf43 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61fd7d', endColorstr='#25cf43',GradientType=0 );
}

div.social-content a:focus.btn-email,
div.social-content a:hover.btn-email{
	background: #900;
}

div.social-content a i{
	position: relative;
	top: 27%;
	font-size: 36px;
	color: #9d2224;
	transition: all 0.7s ease-out 0s;
}

div.social-content a:focus i,
div.social-content a:hover i{
	/*top: 27%;
	font-size: 36px;*/
	color: #fff;
}

footer i{
	font-size: 1.2em;
	margin-right: 10px;
}

@media print, screen and (min-width: 40em){
	img.logo-main{
		padding-top: 15%;
		padding-bottom: 10%;
		width: 60%;
	}
	
	h1{
		font-size: 3em;
	}
	
	h2{
		font-size: 1.5em;
	}
	
	h3{
		font-size: 1.3em;
	}
}