body{
    /* background-color: #ccccb3; */
    scroll-behavior: smooth; // Added in from answer from Felix
    overflow-x: scroll;
}
.header{
    height: 120px;
    top:0;
    left:0;
}
.list-menu-header{
    margin-top: 65px;
}
.navbar-nav li a{
    font-size: 19px;
    font-family: ubuntu-l;
}
.navbar-nav li{
    background-color: black;
}
.navbar-nav li a:hover{
background-color: transparent;
color: #004466;
}
.body{
   margin-top: 150px;
   min-height: 490px;
}
.logo_img{
    width: 85px;
}
.myNavbar ul li a{
font-size: 16px;
    font-weight: bold;
}
.myNavbar{
margin-top: 35px;

}
.down{
    background-color: black;
}
.footer{
    background-color: #ccccb3;
    height: 300px;
    width: 100%;
}
.med-sos{
  background-color: whitesmoke;
    height: 100px;
    width: 100%;  
}
.parallax {
    /* The image used */
    /* background-image: url("../../img/back.jpg"); */
    background-color: black;

    /* Set a specific height */
    min-height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.body-color{
    background-color: rgba(0, 0, 0, 0.5);
}
.content-body{
color: white;
font-size: 20px;
font-weight: bold;
background-color: rgba(255,255,255, 0.1);
min-height: 300px;
margin-top: 50px;
}
.home-body{
height: 100%;
min-height: 600px;
background-color: black;
}
.gallery-body{
    margin-top: 140px;
    
}
.img-gallery{
    padding: 20px;
}
.img-gallery-content{
    width: 100%;
    max-height: 220px;
}
.f-ubuntu-l{
    font-family: ubuntu-l
}
.img-gal {
/* max-height: 400px; */
max-width: 510px;
}
p{
    font-family: ubuntu-l;
}