body
{
    background: linear-gradient(131deg, rgba(1, 98, 89) 0%, rgba(12, 83, 100) 20%, rgba(28, 61, 117,0.8618446092927055) 59%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.menu
{
    background: transparent !important;
    box-shadow: none !important;
}

section.main
{
    border: .8px transparent #ccc;
    background: linear-gradient(313deg, rgba(18, 50, 99, 0.904) 14%, rgba(1,98,89,1) 71%, rgba(1,98,89,1) 93%);
    background-image: repeating-linear-gradient(45deg,
    rgba(12, 83, 100),
    rgba(1, 98, 89)3px,
    transparent 0,transparent 35px );
    overflow: hidden;
}
section.main .container-banner
{
    height:100vh;
}
section.main .content-banner
{
    margin-top:160px;
    color: #fff;
    letter-spacing: 10px;
}
section.main .content-banner .tituloBienvenido
{
    text-transform: uppercase;
    font-size: 80px;
    font-weight: 600;
    /* text-shadow:
    0 -1px 0 #fff,
    0 1px 0 #2e2e2e,
    0 2px 0 #2c2c2c,
    0 3px 0 #2a2a2a,
    0 4px 0 #282828,
    0 5px 0 #262626,
    0 6px 0 #242424,
    0 7px 0 #222,
    0 8px 0 #202020,
    0 22px 30px rgba(0, 0, 0, 0.4); */
}
section.main .content-banner .tituloItebio
{
    font-size: 280px;
    font-weight: 600;
    /* text-shadow:
    0 -1px 0 #fff,
    0 1px 0 #2e2e2e,
    0 2px 0 #2c2c2c,
    0 3px 0 #2a2a2a,
    0 4px 0 #282828,
    0 5px 0 #262626,
    0 6px 0 #242424,
    0 7px 0 #222,
    0 8px 0 #202020,
    0 9px 0 #1e1e1e,
    0 10px 0 #1c1c1c,
    0 11px 0 #1a1a1a,
    0 12px 0 #181818,
    0 13px 0 #161616,
    0 14px 0 #141414,
    0 15px 0 #121212,
    0 22px 30px rgba(0, 0, 0, 0.7); */
}
section.main .imgBienvenidaEngrane
{
    width: 220px;
    height: 220px;
    margin-top: -30px;
    margin-left: 8px;
    /* box-shadow:
      0px 1px 2px 1px #fff; */
      /* 1px 1px 1px 1px rgba(0, 0, 0, 0.2); */
    /* border-radius: 50%; */
}
section.main .content-banner .banner
{
    font-size: 45px;
    text-transform: uppercase;
    /* text-shadow:
    0 -1px 0 #fff,
    0 1px 0 #2e2e2e,
    0 2px 0 #2c2c2c,
    0 3px 0 #2a2a2a,
    0 4px 0 #282828,
    0 5px 0 #262626,
    0 6px 0 #242424,
    0 22px 30px rgba(0, 0, 0, 0.2); */
}
section.main .padding-rl-none
{
    padding-left: 0!important;
    padding-right: 0!important;
}
section.main .containerImgBanner .imgBanner
{
    width: 100%;
    height: 120vh;
}


/******************************** star responsive style ********************************/

/* Escritorio pequeño / tablet */
@media only screen and (min-width: 768px) and (max-width: 991px){
    section.main .content-banner
    {
        margin-top:60px;
    }
    section.main .content-banner .tituloBienvenido
    {
        font-size: 20px;
        margin-bottom: 15px;
    }
    section.main .content-banner .tituloItebio
    {
        font-size: 100px;
        letter-spacing: 35px;
        margin-bottom: 15px;
    }
    section.main .imgBienvenidaEngrane
    {
        width: 80px;
        height: 80px;
        margin-top: -8px;
        margin-left: 0px;
    }
    section.main .content-banner .banner
    {
        letter-spacing: 14px;
        font-size: 20px;
        margin-bottom: 25px;
    }
    section.main .containerImgBanner .imgBanner
    {
        width: 100%;
        height: 120vh;
    }
}

/* Tablets y phablets */
@media only screen and (min-width: 576px) and (max-width: 767px){
    section.main .content-banner
    {
        margin-top:70px;
    }
    section.main .content-banner .tituloBienvenido
    {
        font-size: 15px;
        margin-bottom: 10px;
    }
    section.main .content-banner .tituloItebio
    {
        font-size: 85px;
        letter-spacing: 35px;
        margin-bottom: 10px;
    }
    section.main .imgBienvenidaEngrane
    {
        width: 72px;
        height: 72px;
        margin-top: -6px;
        margin-left: 0px;
    }
    section.main .content-banner .banner
    {
        letter-spacing: 12px;
        font-size: 15px;
        margin-bottom: 20px;
    }
    section.main .containerImgBanner .imgBanner
    {
        width: 100%;
        height: 100vh;
    }
}

/* Teléfonos */
@media only screen and (max-width: 575px)
{
    section.main
    {
        padding-bottom: 22px;
    }
    section.main .content-banner
    {
        margin-top:130px;
    }
    section.main .content-banner .tituloBienvenido
    {
        font-size: 20px;
        margin-bottom: 60px;
    }
    section.main .content-banner .tituloItebio
    {
        font-size: 85px;
        margin-bottom: 60px;
    }
    section.main .imgBienvenidaEngrane
    {
        width: 72px;
        height: 72px;
        margin-top: -6px;
        margin-left: 2px;
    }
    section.main .content-banner .banner
    {
        font-size: 15px;
        margin-bottom: 60px;
    }
    section.main .containerImgBanner .imgBanner
    {
        height: 50vh;
    }
}
/* Iphone 5 */
@media screen and (device-aspect-ratio: 40/71)
{
    section.main .content-banner
    {
        margin-top:110px;
    }
    section.main .content-banner .tituloBienvenido
    {
        font-size: 16px;
    }
    section.main .content-banner .tituloItebio
    {
        font-size: 75px;
    }
    section.main .imgBienvenidaEngrane
    {
        width: 68px;
        height: 68px;
    }
    section.main .content-banner .banner
    {
        font-size: 13px;
    }
}
/* iphone 5 lanscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape)
{
    section.main .content-banner
    {
        margin-top:50px;
    }
    section.main .content-banner .tituloBienvenido
    {
        font-size: 14px;
        margin-bottom: 10px;
    }
    section.main .content-banner .tituloItebio
    {
        font-size: 80px;
        letter-spacing: 35px;
        margin-bottom: 10px;
    }
    section.main .imgBienvenidaEngrane
    {
        width: 70px;
        height: 70px;
        margin-top: -6px;
        margin-left: 0px;
    }
    section.main .content-banner .banner
    {
        letter-spacing: 12px;
        font-size: 14px;
        margin-bottom: 20px;
    }
    section.main .containerImgBanner .imgBanner
    {
        width: 100%;
        height: 100vh;
    }
}

/* iphone X landscape */
@media only screen
and (height : 375px)
and (width : 812px)
and (orientation : landscape)
{
    section.main .content-banner
    {
        margin-top: 40px;
    }
}
/* ipad */
@media only screen
and (height : 1024px)
and (width : 768px)
{
    section.main .content-banner
    {
        margin-top:220px;
    }
    section.main .content-banner .tituloBienvenido
    {
        font-size: 45px;
        margin-bottom: 25px;
    }
    section.main .content-banner .tituloItebio
    {
        font-size: 160px;
        letter-spacing: 35px;
        margin-bottom: 25px;
    }
    section.main .imgBienvenidaEngrane
    {
        width: 125px;
        height: 125px;
        margin-top: -20px;
    }
    section.main .content-banner .banner
    {
        letter-spacing: 10px;
        font-size: 38px;
        margin-bottom: 25px;
    }
    section.main .containerImgBanner .imgBanner
    {
        width: 100%;
        height: 60vh;
    }
}
/* ipad lanscape*/
@media only screen
and (width: 1024px)
and (height: 768px)
and (orientation: landscape)
{
    section.main .content-banner
    {
        margin-top:150px;
    }
    section.main .content-banner .tituloBienvenido
    {
        font-size: 40px;
        margin-bottom: 25px;
    }
    section.main .content-banner .tituloItebio
    {
        font-size: 180px;
        letter-spacing: 35px;
        margin-bottom: 25px;
    }
    section.main .imgBienvenidaEngrane
    {
        width: 130px;
        height: 130px;
        margin-top: -20px;
        margin-left: -2px;
    }
    section.main .content-banner .banner
    {
        letter-spacing: 10px;
        font-size: 40px;
        margin-bottom: 25px;
    }
    section.main .containerImgBanner .imgBanner
    {
        width: 100%;
        height: 90vh;
    }
}
/* ipad Pro*/
@media only screen
and (width: 1024px)
and (height: 1366px)
{
    section.main .content-banner
    {
        margin-top:250px;
    }
    section.main .content-banner .tituloBienvenido
    {
        font-size: 70px;
        margin-bottom: 55px;
    }
    section.main .content-banner .tituloItebio
    {
        font-size: 200px;
        letter-spacing: 35px;
        margin-bottom: 55px;
    }
    section.main .imgBienvenidaEngrane
    {
        width: 160px;
        height: 160px;
        margin-top: -25px;
        /* margin-left: 0px; */
    }
    section.main .content-banner .banner
    {
        /* letter-spacing: 14px; */
        font-size: 60px;
        margin-bottom: 55px;
    }
    section.main .containerImgBanner .imgBanner
    {
        height: 60vh;
    }
}
/* Galaxy Fold*/
@media only screen
and (width: 280px)
and (height: 653px)
{
    section.main .content-banner .tituloItebio
    {
        letter-spacing: 0px;
        margin-bottom: 55px;
    }
    section.main .imgBienvenidaEngrane
    {
        margin-top: -8px;
    }
}
/* Galaxy Fold landscape*/
@media only screen
and (width: 653px)
and (height: 280px)
{
    section.main .content-banner
    {
        margin-top:20px;
    }
    section.main .content-banner .tituloBienvenido
    {
        /* font-size: 70px; */
        margin-bottom: 0px;
    }
    section.main .content-banner .tituloItebio
    {
        letter-spacing: 0px;
        margin-bottom: 0px;
    }
    section.main .imgBienvenidaEngrane
    {
        margin-top: -8px;
    }
    section.main .containerImgBanner .imgBanner
    {
        height: 120vh;
    }
}

/* Nest Hub MAX*/
@media only screen
and (width: 1280px)
and (height: 800px)
{
    section.main .content-banner
    {
        margin-top:150px;
    }
    section.main .content-banner .tituloBienvenido
    {
        font-size: 40px;
        margin-bottom: 15px;
    }
    section.main .content-banner .tituloItebio
    {
        font-size: 170px;
        letter-spacing: 35px;
        margin-bottom: 15px;
    }
    section.main .imgBienvenidaEngrane
    {
        width: 130px;
        height: 130px;
        margin-top: -20px;
        margin-left: -2px;
    }
    section.main .content-banner .banner
    {
        letter-spacing: 10px;
        font-size: 40px;
        margin-bottom: 15px;
    }
    section.main .containerImgBanner .imgBanner
    {
        width: 100%;
        height: 100vh;
    }
}

/* Nest Hub*/
@media only screen
and (width: 1024px)
and (height: 600px)
{
    /* section.main .content-banner
    {
        margin-top:100px;
    } */
    section.main .content-banner
    {
        margin-top:100px;
    }
    section.main .content-banner .tituloBienvenido
    {
        font-size: 30px;
        margin-bottom: 15px;
    }
    section.main .content-banner .tituloItebio
    {
        font-size: 160px;
        letter-spacing: 35px;
        margin-bottom: 15px;
    }
    section.main .imgBienvenidaEngrane
    {
        width: 125px;
        height: 125px;
        margin-top: -20px;
        margin-left: -2px;
    }
    section.main .content-banner .banner
    {
        letter-spacing: 10px;
        font-size: 30px;
        margin-bottom: 15px;
    }
    section.main .containerImgBanner .imgBanner
    {
        width: 100%;
        height: 100vh;
    }
}
