html{
    scroll-behavior: smooth !important;
}
body{
    width: 100vw !important;
    overflow-x: hidden !important;
}
.contact_info a{
    text-decoration: none;
    color: #ccc;
    transition: all .5s ease;
}
.contact_info a:hover{
    color: #fff;
}
.mt-10{
    margin-top: 100px;
}
.ws-link{
    position: fixed; 
    bottom:15px; 
    right:15px; 
    z-index: 100; 
    cursor:pointer;
}
.top-header{
    height: 50px;
    width: 100vw;
    background: linear-gradient(to right,#02d3d3,#0067DA);
}
.top-header span a{
    color: #fff;
}
.top-header span i{
    margin-right: 10px;
}
.navbar-collapse.collapse.show{
    background-color: #fff !important;
}
nav.navbar.shadow{
    box-shadow: 1px 1px 5px #000;
}
nav .logo-white{
    width: 70px;
    display: inline-block;
}
nav .logo-black{
    width: 70px;
    display: none;
}
.hero-section{
    justify-content: left;
}
.hero-section .welcome-content{
    margin-left: 20vw;
}
.article__title{
    height: 50px;
}
.desde{
    position: relative;
}
.desde::before{
    content: 'Desde';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    font-weight: lighter;
    color: #3964F9;
}