
.icon{
    position: relative;
    display: block;
    line-height: 20px;
    font-size: 6em;
    transition: 0.5s;
    display: inline;
}

.right i{
	font-size: 40px;
	color: #F24405;

}

.wrapper{
    /*background: #358886;*/
    padding: 0 20px 0 20px;

}
.main{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    
}
.row{
    width: 900px;
    height: 500px;
    background: linear-gradient(rgba(231, 226, 224, 0.50),rgba(231, 226, 224, 0.50)),
	url(../img/animacion2.jpeg) ;
	object-fit: cover;
  object-position: bottom;
  justify-content: center;
  background-repeat: no-repeat;
    box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);

}

.side-image{
    position: relative;
   



}
.texto{
      position: relative;
    text-align: justify;
      margin-top: 50%;


}
.right{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
   

    
}
.tamanoTitulo{
   font-family:'montserrat',sans-serif;
   font-weight: bolder;
   color: #F24405;
   font-size: 50px;
   letter-spacing: 0;
   text-align: center;


}
.tamanoContacto{
   font-family:'montserrat',sans-serif;
   font-weight: bolder;
   color: black;
   font-size: 30px;
   letter-spacing: 0;


}
/*@media (min-width:768px) and (max-width:991px){
	.right i{
		top: -52px;
		transform: rotate(90deg);
		left: 50%;
	}

}*/
@media(max-width:640px){
	.left{
		padding: 90px 15px;
		text-align: center;
	}
	.left h2{
		font-size: 25px;

	}
	.flexbox{
		padding: 25px;
	}
	.flexbox i{
		top: -52px;
		transform: rotate(90deg);
		left: 45%;
	}
	.tamanoContacto{
   font-family:'montserrat',sans-serif;
   font-weight: bolder;
   color: black;
   font-size: 15px;
   letter-spacing: 0;
   


}
.tamanoTitulo{
   font-family:'montserrat',sans-serif;
   font-weight: bolder;
   color: #F24405;
   font-size: 35px;
   letter-spacing: 0;
   margin-top:-70px;
   text-align: center;


}
.row{
    width: 900px;
    height: 500px;
    background-color: width;
   object-fit: cover;
   object-position: bottom;
   justify-content: center;
    box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.2);

}
.wrapper{
    /*background: #358886;*/
    margin-top:-95px;
    padding: 0 5px 0 5px;

}


	




}


