.nav-item:hover{
    background-color:white;
    color:#012049 !important;
    border-radius:10px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color:#012049 !important;
}
.nav-link{
    padding-bottom:0 !important;
    font-size: 1rem !important;
    margin: 0 15px !important;

}
.footer_section{
    background-color:#012049 !important;
}
.border-section{
    border-right:5px solid #012049;
}
.title-box{
    width:100px;
    height:100px;
    background-color: white;
    border:3px solid #012049;
    position: relative;
    top: -60px;
}
.parent{
    position: relative;
    height:90%;
    width: 100%;      
    padding-top:40px;  
    text-align:center;
}
.cover{
  position: absolute;
  height: 110px;
  width: 110px;
  top:-80px;          
  left:0;
  right:0;
  margin:auto;
  display: flex;
  justify-content:center;
  align-items:center;
  z-index: 999;
  background-color: rgb(255, 255, 255);
  border-radius:50%;
  border:2px solid #012049;

}

/* laptop */
@media screen and (min-width: 768px) and (max-width:1600px){
    .nav-link{
        font-size:16px !important;
    }
    .coffee_text{
        font-size:36px !important;
    }
}

/* smartphone */
@media screen and (max-width: 992px){

    .coffee_text{
         margin:-100px 0 0 200px;
        font-size:30px !important;
    }

    .parent{
        position:initial !important;
        padding-top:10px !important;
        
    }
    .cover{
        position: initial !important;
    }

}