CSS/header/bluebox/navbari

/*Navigation Bar*/
.navbar-gradient {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    width: 100%;
    height: 100px;
}

.navbar{
    padding: 20px 0;
    z-index: 200;
}
.navbar-nav > li{
    padding-left:15px;
    padding-right:15px;
}
.navbar-nav a{
    font-family: 'Raleway', sans-serif;
}

.navbar a{
    text-decoration: none;
    color: #fff;
    font-size: 16px;
}
.navbar a:hover{
    text-decoration: none;
    color: #74b9ff;
}
.current_page_item a{
    color: #74b9ff;
}
.navbar span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    color: white;
}

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

/*End of Navigation Bar*/

/*Section1 Style*/

.welcome {
    height: 662px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.welcome .content-welcome {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

.content-welcome h2 {
    color: white;
    font-size: 36px;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: lighter;
}

/*BlueBox between section 1 and section2*/

.bluebox {

    background-color: #30aecd;
    margin-top: -100px;
    position: relative !important;
    z-index: 9 !important;

}

/*bluebox left side text*/

.bluebox h2{
    padding-left: 75px;
    padding-top: 75px;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 22px;
    line-height: 1.5;
}

/*bluebox right side text*/

.bluebox p {
    padding: 60px 40px 0px 20px;
    color: #fff;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    line-height: 30px;
}