@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
body {
background: rgba(73,155,234,1);
background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 );
    background-attachment: fixed;
    font-family: 'Kalam', cursive;
    font-size: 16px;
    color: #fff;
}

html {
    width: 100%;
    height: 100%;
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

/*paginas del sitio-----------------------------------------------------------------------------------------------------------*/

.intro-section {
    padding-top: 100px;
    height: auto;
    }


.planes-hostings{
    height: auto;
    padding: 160px 0 0px 0;
    background-color: #2264AF;


}

.beneficios{
    height: auto;
    padding: 100px 0;
    text-align: center;
    height: auto;

}

.que-es-hosting{
    height: auto;
    padding: 100px 0;
    text-align: center;
    height: auto;

}

.como-saber{
    height: auto;
    padding: 100px 0;
    text-align: center;
    height: auto;

}

.contactanos{
    height: auto;
    padding: 100px 0;

}

.promociones{
    height: auto;
    padding: 100px 0;
    background-color: #4376B1;

}

footer{
    padding: 100px 0px;
    color: #fff;
    background-color: #2264AF;

}

.cohete{
  animation-duration: 2s;
  animation-name: slidein;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}