section.clients {
    position: relative;
    padding: 15% 5%;

    font-size: 100%;

    background-color: #ffffff;
}

section.clients h1 {
    margin-bottom: 2rem;

    font-family: cholla-wide, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 4rem;

    color: transparent;
    background-image: linear-gradient(#bdff05, #05eda9);
    background-clip: text;
    -webkit-background-clip: text;
}

section.clients h2 {
    margin-top: 2rem;
    margin-bottom: 2rem;

    font-weight: 300;
    font-size: 1.8rem;
    line-height: 1.5rem;

    color: #555555;
}

section.clients p {
    margin-bottom: 0.5rem;

    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.5rem;

    color: #555555;
}

section.clients a {    
    text-decoration: none;

    color:#000000;
}

section.clients a:hover {
    text-decoration: underline;
}

section.clients li {
    display: inline-block;
    margin-bottom: 1rem;
    margin-right: 1rem;

    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.5rem;

    color: #555555;
}

section.clients footer {
    margin-top: 5%;

    color: #777777;
}




@media only screen and (max-width: 414px) {

    section.clients h1 {
        font-size: 2rem;
    }
}