html{ scroll-behavior: smooth; }
/* HEADER STYLES*/

.menu-1{ 
    position: fixed; 
    background-color: #f0f0f0; 
    z-index: 999; 
    width: 100%!important;
}

.change {
    background-color : #393939!important;
}
.uno-menu{
    width: 100%; 
    margin: 0 auto;
}
.logo{ 
    float: left;
    display: flex;
    align-items: center;
    height: 10vh;
}
.logo a{
    color: #252525;
    text-decoration: none;
}
.menu-all{float: right;}
.uno-menu ul{ 
    list-style: none; 
    text-align: left; 
    display: inline-block; 
    vertical-align: middle; 
    padding-top:2.5%;
 }
.uno-menu ul li{ 
    display: inline-block; 
    float: left; 
    padding: 0;  
    margin: 0; 
    background-repeat: no-repeat; 
    background-position: right;
}
.menu-a{ 
    position: relative; 
    padding: 0 24px; 
    color: #393939; 
    text-transform: uppercase; 
    line-height: 40px; 
    font-weight: 700; 
    font-size: 12px; 
    letter-spacing: 2px; 
    display: inline-block; 
    height: 100%; 
    background-color: transparent; 
    text-decoration: none!important; 

}
.menu-a:hover{ 
    color: #9b9999; 
}


.dos-menu{ 
    display: none; 
    width: 100%; 
}

/* HEADER STYLES*/

/* FOOTER STYLES*/

footer{
    background-color: #0b2033;   
}

.iconColumn{
    text-align: center;
    padding-top: 1.3%;
    padding-bottom: 1.3%;
    color: #ffff;
}

.iconColumn a {
    color: #ffff; 
    text-decoration: none;
    padding-right: 2%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; 
}

.iconColumn a:hover{
    cursor: pointer;
    letter-spacing: 0.3em;
    color: #cbcbcb;
}


/*BTN STYLES*/

.btn {
   text-transform: uppercase;
   font-weight: 300;
   border-radius: 2px;
   background-color: transparent;
   color: #fff;
   border: 3px solid #17a2b8;
   padding: 6px 12px;
   transition: all 0.5s ease;
   cursor:pointer;
}
.btn:hover,
button:hover {
   outline: 0;
   color: #fff;
}
.btn:active,
button:active {
   outline: 0;
   color: #fff;
}

.btn-slide-up {
   background: linear-gradient(to bottom, transparent 50%, #17a2b8 50%);
   background-size: 100% 200%;
   background-position: left top;
}
.btn-slide-up:hover {
   background-position: right bottom;
}