/*GLOBAL CSS*/

body{
    width:100% !important;
    min-width:none !important;
}
* {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}
.db{
    display:block;
}

.align-center{
    text-align:center;
}


.navbar-hawkey{
    width:100%;
    background-color:#FFF100;
    color:black;
}

.btn-hawkey{
      background: #FFF100;
    color: black;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 800;
    padding: 6px 15px;
    border-radius: 3px;
}


.background-grey{
    background-color:#F9F9FA;
    color:black;
}
.section-grey{
    background:#F9F9FA;
}

.nav-link-hawkey{
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    color:black;
}

.active-link{
    text-decoration:underline !important;
    text-underline-offset:7px; 
    text-decoration-thickness:2px !important;
}

.card-info{
    box-shadow: 0px 0px 6px 0px #b6b4b5;
    height: 100%;
    padding: 20px;
}



.main-content{
        position: relative;
}

.m-20{
    margin:20px;
}

.main-section{
    padding: 20px;
}

.sub-title{
    margin-top:10px;
}

.hor-line{
    padding: 5px !important;
    position:relative;
    width:80px;
    left:47%;
}

.big-title{
    position:absolute;
    top:50%;
    left:45%;
}

.big-title1{
    position:absolute;
    top:50%;
    left:47%;
}

.btn-size{
    width:10%;
}

@media (min-width:0px) and (max-width: 480px) {
    .hor-line{
        left:40%;
    }
    
    .big-title{
        left:30%;
    }
    
    .big-title1{
        left:40%;
    }
    
    .btn-size{
        width:30%;
    }

}

/*DESKTOP CSS*/
@media only screen and (min-width: 481px) {
    
    .navbar-hawkey{
        padding: 10px 97px;
}
    }
    

/*MOBILE CSS*/