body{
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}
header{
    background-color: black;
    padding: 20px;
}
header img{
    display: inline-block;
    float: none;
}
.section{
    padding: 40px 0;
    min-height:350px;
}
#section-1{
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
#section-1 img{
    width:100%;
}
#section-2{
    background-color: #56a8e1;
    color: white;
}
#section-3 h2{
    color: #56a8e1;
}
.blue{
    color:#56a8e1
}
#section-4{
    background-color: #f7fdff;
}
#section-5{
    background-image: url(../img/bg-section-5.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #48afce;
    color: white;
}
#section-6{
    background-color: #e3ecef;
    color: #414141;
}
.btn-full{
    width: 100%;
}
.flex-div{
    display: flex;
}
.size-custom{
    font-size:15px;
}
.alert-white{
    background-color: white;
    padding:5px;
}
.big-size {
    font-size: 75px;
}
.yellow-text{
    color: #efb73a;
    font-size:20px;
}
.full-div{
    width: 100%;
}
ul {
  list-style: none; /* Remove default bullets */
}
ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #53b6e5; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.font22{
    font-size:22px;
}
.p10{
    padding: 20px;
}
footer img{
    width: 100%;
}
footer{
    border-bottom:50px solid black;
}