/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.sombra{
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
h1{
  text-shadow: 0px 3px 6px rgba(0,0,0,0.5);
}
.sombra-txt{
  text-shadow: 0px 3px 6px rgba(0,0,0,0.5);
}
.floating {
	animation-name: floating;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
  	height: 150px;
}

@keyframes floating {
	0% { transform: translate(0, 0px); }
	50% { transform: translate(0, 15px); }
	100% { transform: translate(0, -0px); }
}
.isotipo{
  width: 126px;
  position: relative;
  right: -477px;
  top: -139px;
}
	a.btn-header{
		background: #e6595a; color: #fff!important; padding: 20px 40px; float: left; width: 100%; text-decoration: none; font-weight: bold; font-size: 20px; transition: all .5s ease;
	}
	a.btn-secund{
		background: #0F3D4D; color: #fff!important; padding: 20px 40px; float: left; width: 100%; text-decoration: none; font-weight: bold; font-size: 20px transition: all .5s ease;;
	}

a.btn-header:hover{
 background: #e6595a;
}

a.btn-secund:hover{
 background:#0F3D4D;
}
img.alingcenter{
  vertical-align: middle;
}
@media (max-width: 768px){
  a.btn-header{width: 100%;}
  .isotipo{
    width: 126px;
    position: relative;
    right: -221px;
    top: -98px;
  }
}
.icon__image{
  width: 80px!important;
  margin: 0 auto 0px!important;
}
.icon__title{
  font-size: 20px;
  color:#fff;
}