:root {
    --main-color: #3F708B;
}

.hero h1, .hero h3, .hero h4, .hero p, .hero a {
    color: white;
}

h5.title {
    margin: 3%;
}

.tabs li.is-active a {
    color: var(--main-color);
    border-bottom-color: var(--main-color);
}

.navbar {
    height: 50px;
}

.navbar-brand {
    padding-left: 5px;
}

.navbar-menu {
    padding-right: 15px;
}

.navbar-menu a {
    color: white;
}
.navbar-menu a:hover {
    background-color: var(--main-color);
    filter: brightness(96%);
    color: white;
}

.navbar-burger span {
    color: white;
}


#pageTitle {
    font-family: 'Montserrat', sans-serif;
}
/*
#about, #forwho, #price, #team {
    padding-top: 100px;
    padding-bottom: 100px;
}
*/
.primaryBg {
    background-color: var(--main-color);
    color: white;
}

#ptab0, #ptab1, #ptab2 {
    text-decoration: none;
}


@media screen and (max-width: 768px) {
    .tabs ul {
        flex-direction: column;
    }
    .tabs  li {
          width: 100%;
    }      
}