*
{
margin: 0;
padding: 0;
}

body
{
    font-family: Helvetica;
}
#navbar{
    position: static;
    top: 0;
    z-index: 0;
}
.navbar
{
    background-image: linear-gradient(to right, #2589BD, #9D8CA1 );
    padding: 20 !important;
}
.navbar-nav 
{
padding: 0 200px;
}
.navbar-nav a
{
color: #F8F4E3 !important;
font-weight: 900;
font-size: 20px;


}
.navbar-brand img
{
    height: 70px;
    padding-left: 50px;
}

#login
{
    padding-top: 100px;
}

/*------------------------CUERPO----------------------------------------*/
#intro
{
    background-image: linear-gradient(to right, #2589BD, #9D8CA1 );
    color: #fff;
    padding-top: 5%;
}

.titulo
{
    font-size: 70px;
    font-weight: 800;
    margin-top: 100px;

}
.descripcion
{
    font-size: 30px;
}
.btn-dark
{
    margin-top: 30;
}

/*------------------------Landing----------------------------------------*/

#landing
{
    padding: 10px 0;

}
.tower-pic
{
    padding-top: 80px;
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
    
}
.map-pic{
    padding-top: 50px;
text-align: center;
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.historia
{
    padding-top: 80px;
    font-size: 30px;
    font-weight: 500;
}
.wifi-img
{
    
    margin-top: 30px;
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.prflag-img
{
    
    margin-top: 100px;
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;

}
.globe-img
{
    margin-top: 50px;
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.prflag-text
{
    padding-top: 20px;
}
.summary h4
{
    
    text-transform: uppercase;
    
}
.bienvenido::after
{
    content: '';
    background: #2589BD;
    height: 10px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    transform: translateY(25px);
    
}
#landing .btn-dark
{
margin-bottom: 50px;
box-shadow: none;
padding: 20px 40px;
border: none;
border-radius: 30px;
background-image: linear-gradient(to right, #2589BD, #9D8CA1 );
}

/*------------------------Landing----------------------------------------*/

#porque
{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #f8f9fa;
}
#contactenos
{
    margin-bottom: 50px;
}
.nosotros::after
{
    content: '';
    background: #2589BD;
    height: 10px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    transform: translateY(25px);
    
}
.contactenos::after
{
    margin-bottom: 100px;
    content: '';
    background: #2589BD;
    height: 10px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    transform: translateY(25px);
    
}
.lista-porque ul li
{
    font-size: 20px;
    padding-top: 100px;
    

}
.lista-porque ul{
    margin-left: 50px;
}

/*------------------------Footer----------------------------------------*/
#footer
{
    background-image: linear-gradient(to right, #2589BD, #9D8CA1 );
}
.footer-cube
{
    padding: 20px;
    font-size: 20px;
    color: #fff;
}
.footer-cube img
{
    width: 200px;
    margin-bottom: 20px;
}
.footer-cube2
{
    padding: 20px;
    font-size: 20px;
    color: #fff;
   
}
.copyright
{
    margin-bottom: 0;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

#plans
{
    margin-bottom: 50px;
}
.price-row
{
    width: 90%;
    max-width: 2000px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 25px;
}
.price-col
{
    background-image: linear-gradient(to right, #2589BD, #9D8CA1 );
    padding: 10% 15%;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    margin-bottom: 100px;
}
.price-col p
{
font-size: 22px;

}
.price-col h3
{
font-size: 44px;
margin: 20px 0 40px;
font-weight: 500;

}
.price-col h3 span
{
    font-size: 20px;
}
.price-col ul{
    text-align: left;
    margin: 20px 0;
    color: #fff;
    

}
.price-col ul li{
    margin: 15px 0;
}
iframe
{
    width: 80%;
    height: 700px;
    padding-top: 50px;
}
.phone-location
{
    font-size: 25px;
    margin-left: 20%;
    margin-top: 100px;
}
.welcome{
    font-size: 30px;
}

.logoutbtn{
    font-size: 30px;
}