html,body{
width: 100%;
height: 100%;
font-family: 'Open Sans', sans-serif;
scroll-behavior: smooth;
background-color: #e9ecef40;

/*font-weight: 400;*/
}
.row{
  margin-right: 0px !important; margin-left: 0px !important;
}

#logo img{
    width: 200px; 
}
.update_width{
    width: 25%;
}




/*Responsive*/



/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 

}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { 
#logo img {
    width: 150px;
}


}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { 
.update_width{
    width: 40%;
}


}

/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {


}






/*// Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width*/