.megamenu {
    position: static
}

.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%;
}

/* body {
    background: #eaafc8;
    background: -webkit-linear-gradient(to right, #eaafc8, #654ea3);
    background: linear-gradient(to right, #eaafc8, #654ea3);
    min-height: 100vh
} */

code {
    color: #745eb1;
    background: #fff;
    padding: 0.1rem 0.2rem;
    border-radius: 0.2rem
}

.text-uppercase {
    letter-spacing: 0.08em
}

/* Mobile */
@media (max-width: 767px){
    nav.navbar{
     max-height: 100vh;
     overflow: auto;
    -webkit-overflow-scrolling: touch;
    }
}

/* Ipad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {   
     nav.navbar{
    max-height: 100vh;
    overflow: auto;
   -webkit-overflow-scrolling: touch;
   }
}
  
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .nav-fix {display: none;}
    .btn-fix {margin-left:0px;}
}

@media only screen  and (min-width : 1224px) {
    .nav-fix {margin-left: 8%;}
    .btn-fix {margin-left: 8%;}
}

@media (max-width: 768px) {
    .nav-fix {display: none;}
    .btn-fix {margin-left: 8%;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
    .nav-fix {margin-left: 8%;}
}