body {
    font-family: 'Mulish', sans-serif;
}

p {
    color: rgb(117 ,117, 117);
}

.header {
    height: 620px;
    background-image: url("../img/serenity-mitchell-skate_background_dark.jpg");
    background-size: cover;
    background-position: 50% 70%;
}

.header-navbar-list {
    color: white;
    float: right;
    margin-top: 50px;
}

.header-navbar-list li {
    float: left;
    list-style-type: none;
    margin-left: 26px;
    text-shadow: 0px 0px 3px black;
}

.header-logo-wrapper {
    margin-top: 50px;
    float: left;
}

.header-logo {
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: 150%;
    margin-top: -5%;
    display: block;
    text-shadow: 0px 0px 3px black;
}

.slogan {
    padding-top: 160px;
    color: rgb(255, 255, 255);
    text-align: center;
    text-shadow: 0px 0px 3px black;
}

.slogan-top {
    font-size: 170%;
    font-weight: lighter;
}

.slogan-bottom {
    font-size: 250%;
    font-weight: bold;
}


.service {
    padding-top: 100px;
    padding-bottom: 75px;
}

.service-gray {
    background-color: rgb(250, 250, 250);
}

.service-title {
    font-weight: lighter;
    color: rgb(30, 30, 30);
}

.service-icon {
    color: rgb(224, 224, 224);
    font-size: 1250%;
    text-align: center;
    margin-top: -5%;
    margin-bottom: -20%;
}

.features {
    padding-top: 100px;
    padding-bottom: 75px;
}

.features-icon {
    width: 70px;
    height: 60px;
    padding-top: 10px;
    background-color: rgb(30, 30, 30);
    border-radius: 35px;
    color: rgb(250, 250, 250);
    text-align: center;
    font-size: 30px;
    float: left;
}

.features-text {
   margin-left: 90px;
}

.features-text h5 {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 130%;
    color: rgb(30, 30, 30);
}


.clients{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: rgb(250, 250, 250);
    text-align: center;
}

.clients-title {
    font-weight: lighter;
    margin-bottom: 0px;
}