.bghome-img {animation: imghome 600s infinite linear;}
@keyframes imghome {
    0%    {transform: translate(-50%, 15%) rotate(0deg);}
    50%   {transform: translate(-50%, 15%) rotate(360deg);}
    100%  {transform: translate(-50%, 15%) rotate(0deg);}
}


.write {animation: write .4s infinite; opacity: 0;}
@keyframes write {
    0%    {opacity: 0;}
    50%   {opacity: 1;}
    100%  {opacity: 0;}
}


.home-header {animation: header .9s forwards; animation-delay: 2.5s; transform: translateY(-200px);}
@keyframes header {
    0%    {transform: translateY(-200px);}
    100%  {transform: translateY(0px);}
}


.home-nosotros {animation: header .9s forwards; animation-delay: 3s; transform: translateY(-200px);}
@keyframes header {
    0%    {transform: translateY(-200px);}
    100%  {transform: translateY(0px);}
}


.animBg1 {animation: animBg1 2.5s forwards; animation-delay: .3s; opacity: 0;}
@keyframes animBg1 {
    0%    {opacity: 0;}
    100%  {opacity: 1;}
}


.animTit1 {animation: animTit1 1s forwards; animation-delay: 1.7s; opacity: 0; transform: translateY(50px);}
@keyframes animTit1 {
    0%    {opacity: 0; transform: translateY(50px);}
    100%  {opacity: 1; transform: translateY(0px);}
}


.animTit2 {animation: animTit2 1s forwards; animation-delay: 1.7s; opacity: 0; transform: translateY(-50px);}
.animTit2a {animation: animTit2 1s forwards; animation-delay: 1s; opacity: 0; transform: translateY(-50px);}
@keyframes animTit2 {
    0%    {opacity: 0; transform: translateY(-50px);}
    100%  {opacity: 1; transform: translateY(0px);}
}

.animTit3a {animation: animTit3 1s forwards; animation-delay: 1.5s; opacity: 0; margin: -30px 0px 0px 0px;}
.animTit3b {animation: animTit3 1s forwards; animation-delay: 1.7s; opacity: 0; margin: -30px 0px 0px 0px;}
.animTit3c {animation: animTit3 1s forwards; animation-delay: 1.9s; opacity: 0; margin: -30px 0px 0px 0px;}
.animTit3d {animation: animTit3 1s forwards; animation-delay: 2.1s; opacity: 0; margin: -30px 0px 0px 0px;}
.animTit3e {animation: animTit3 1s forwards; animation-delay: 2.3s; opacity: 0; margin: -30px 0px 0px 0px;}
.animTit3f {animation: animTit3 1s forwards; animation-delay: 2.5s; opacity: 0; margin: -30px 0px 0px 0px;}
@keyframes animTit3 {
    0%    {opacity: 0; margin: -30px 0px 0px 0px;}
    100%  {opacity: 1; margin: 0px 0px 0px 0px;}
}

.opac1 {animation: opac1 1.4s forwards; animation-delay: 1.7s; opacity: 0;}
.opac1a {animation: opac1 1.4s forwards; animation-delay: 1s; opacity: 0;}
.opac2a {animation: opac1 1.4s forwards; animation-delay: 1.5s; opacity: 0;}
.opac2b {animation: opac1 1.4s forwards; animation-delay: 1.7s; opacity: 0;}
.opac2c {animation: opac1 1.4s forwards; animation-delay: 1.9s; opacity: 0;}
@keyframes opac1 {
    0%    {opacity: 0;}
    100%  {opacity: 1;}
}


.animBtn1 {animation: animTit1 .4s forwards; animation-delay: 3.5s; opacity: 0; transform: translateY(50px);}
.animTit1a {animation: animTit1 1s forwards; animation-delay: 1s; opacity: 0; transform: translateY(50px);}
@keyframes animTit1 {
    0%    {opacity: 0; transform: translateY(50px);}
    100%  {opacity: 1; transform: translateY(0px);}
}



.animNos1 {animation: animNos1 1s forwards; animation-delay: 1.5s; opacity: 0; transform: translateX(150px);}
.animNos2 {animation: animNos1 1s forwards; animation-delay: 1.7s; opacity: 0; transform: translateX(150px);}
.animNos3 {animation: animNos1 1s forwards; animation-delay: 1.9s; opacity: 0; transform: translateX(150px);}
.animNos4 {animation: animNos1 1s forwards; animation-delay: 2.1s; opacity: 0; transform: translateX(150px);}
@keyframes animNos1 {
    0%    {opacity: 0; transform: translateX(150px);}
    100%  {opacity: 1; transform: translateX(0px);}
}



.animBg2 {animation: animBg2 1.4s forwards; animation-delay: ; margin: 0px 0px 0px -1671px; opacity: .3;}
@keyframes animBg2 {
    0%    {margin: 0px 0px 0px -1671px;}
    100%  {margin: 0px 0px 0px -771px;}
}


.animBg3 {animation: animBg3 1.4s forwards; animation-delay: ; margin: 0px 0px 0px 1850px; opacity: .3;}
@keyframes animBg3 {
    0%    {margin: 0px 0px 0px 1850px;}
    100%  {margin: 0px 0px 0px 650px;}
}









@media screen and (max-width: 1090px) {
.animBg2 {animation: animBg2 1.4s forwards; animation-delay: ; margin: 0px 0px 0px -1671px;}
@keyframes animBg2 {
    0%    {margin: 0px 0px 0px -1671px;}
    100%  {margin: 0px 0px 0px -620px;}
}

}






@media screen and (max-width: 690px) {
.bghome-img {animation: imghome 600s infinite linear;}
@keyframes imghome {
    0%    {transform: translate(-50%, 40%) rotate(0deg);}
    50%   {transform: translate(-50%, 40%) rotate(360deg);}
    100%  {transform: translate(-50%, 40%) rotate(0deg);}
}

.animTit3a {animation: animTit3 1s forwards; animation-delay: 1.5s; opacity: 0; margin: -30px 0px 0px 0px;}
.animTit3b {animation: animTit3 1s forwards; animation-delay: 1.7s; opacity: 0; margin: -30px 0px 0px 0px;}
.animTit3c {animation: animTit3 1s forwards; animation-delay: 1.9s; opacity: 0; margin: -30px 0px 0px 0px;}
.animTit3d {animation: animTit3 1s forwards; animation-delay: 2.1s; opacity: 0; margin: -30px 0px 0px 0px;}
.animTit3e {animation: animTit3 1s forwards; animation-delay: 2.3s; opacity: 0; margin: -30px 0px 0px 0px;}
.animTit3f {animation: animTit3 1s forwards; animation-delay: 2.5s; opacity: 0; margin: -30px 0px 0px 0px;}
@keyframes animTit3 {
    0%    {opacity: 0; margin: -30px 0px 0px 0px;}
    100%  {opacity: 1; margin: 0px 0px 0px 0px;}
}


}