body {
    border-top: 3px solid #0a633a;
}

.logo {
    margin: 45px 0 65px 0;
}

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

.navbar {
    background-color: #ffffff !important;
    margin: 0 0 65px 0;
}

.navbar a {
  color: #ffffff !important;
}

.navbar-nav.navbar-center { 
    position: absolute; 
    left: 50%; 
    transform: translatex(-50%); 
} 

.nav-item {
    margin: 5px 15px 5px 5px;
}

.nav-link {
    font-family: 'BebasNeue Bold';
    font-size: 18px;
    padding: 10px 25px 10px 25px;
}

.link {
    background-color: #0a633a !important;
    border-radius: 20px 0 20px 0;
}

.link:hover {
    background-color: #24bfd1 !important;
}

.link-bg {
    background-color: #24bfd1 !important;
    border-radius: 20px 0 20px 0;
}

.border-top {
    height: 10px;
    background-image: linear-gradient(to right, #301400, #0a633a, #24bfd1, #f7ae19)
}

mark {
    background-color: #0a633a;
    color: #ffffff;
}

video {
   margin: 0;
   width: 100% !important;
   height: auto !important;
}

.about {
    font-family: 'Germano-Regular';
    padding: 35px 0 35px 0;
    text-align: center;
}

.about h2 {
    margin: 35px 0 35px 0;
    font-weight: bold;
}

.about h5 {
    padding: 35px 0 55px 0;
}

.btn-outline-succes {
    border: 1px solid #0a633a;
    border-radius: 20px 0 20px 0;
}

.btn-outline-succes:hover {
    background-color: #0a633a !important;
    color: #ffffff;
}

.content {
    font-family: 'Germano-Regular';
    padding: 75px 0 75px 0;
}

.contact-box {
    text-align: center;
    box-shadow: 3px;
}

.project {
    font-family: 'Germano-Regular';
    background-image: url("../img/fbg_01.png");
    background-repeat: no-repeat;
    background-color: #0a633a;
    color: #ffffff;
    margin: 55px 0 55px 0;
    text-align: center;
    padding: 55px 0 55px 0;
}

.project h2 {
    margin-bottom: 55px;
}

.one {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 35px;
    padding-bottom: 35px;
}

.second {
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 35px;
    padding-bottom: 35px;
}

.thumbnail {
    box-shadow: 15px 15px #0a633a;
}

.footer {
    font-family: 'Germano-Regular';
    color: #ffffff;
}

.separator {
    background-image: url("../img/separator_03.png");
    background-repeat: no-repeat;
    height: 258px;
}

.copyright {
    background-color: #000000;
}

.copyright a {
    color: #f7ae19;
    text-decoration: none;
}

/*
 * Code for FONTS settings
 */

@font-face {
    font-family: 'Germano-Regular';
    src: local('Germano-Regular.otf'), url('../fonts/Germano-Regular.otf') format('truetype');
}

@font-face {
    font-family: 'BebasNeue Light';
    src: local('BebasNeue Light.ttf'), url('../fonts/BebasNeue Light.ttf') format('truetype');
}

@font-face {
    font-family: 'BebasNeue Regular';
    src: local('BebasNeue Regular.ttf'), url('../fonts/BebasNeue Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'BebasNeue Bold';
    src: local('BebasNeue Bold.ttf'), url('../fonts/BebasNeue Bold.ttf') format('truetype');
}