html{
    background: #47ccff;
}

.speakers{
    font-weight: bold;
}

.swoosh{
    background: url("../img/swooshes/speakers-header.svg"), #47ccff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top -2px left;
    height: 12vw;
}

.wrapper{
    padding-top: 73px;
}

.header{
    font-size: min(16vw, 120px);
    display: flex;
    justify-content: center;
    height: 250px;
}

.speaker{
    padding-top: 50px;
    padding-bottom: 50px;
}

.speaker .img-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}

.speaker .img-wrapper img{
    max-width: 100%;
    max-height: 100%;
    border-radius: 100%;
}

.speaker .bio .name{
    display: flex;
    align-items: flex-end;
    font-style: italic;
    font-size: 30px;
    margin-bottom: 5px;
}

.speaker .bio .description{
    font-size: 19px;
}

.speaker .bio .description span a{
    color: inherit !important;
}

.one-image, .two-image, .three-image, .four-image, .five-image, .six-image{
    height: 100px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: bottom -1px left !important;
}

.one-linker, .two-linker, .three-linker{
    height: 100px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top -1px left !important;
}

.five-image, .two-image{
    background-position: top -2px left !important;
}

.one-image{
    background: url("../img/swooshes/speakers-one.svg"), #47ccff;
}

.one-linker{
    background: url("../img/swooshes/speakers-one.svg"), #47ccff;
}

.two-image{
    background: url("../img/swooshes/speakers-two.svg"), white;
}

.two-linker{
    background: url("../img/swooshes/speakers-two.svg"), #47ccff;
}

.three-image{
    background: url("../img/swooshes/speakers-three.svg"), white;
}

.three-linker{
    background: url("../img/swooshes/speakers-three.svg"), #47ccff;
}

.four-image{
    background: url("../img/swooshes/speakers-four.svg"), #47ccff;
}

.five-image{
    background: url("../img/swooshes/speakers-five.svg"), white;
}

.six-image{
    background: url("../img/swooshes/speakers-six.svg"), white;
}

.one, .four{
    background: #47ccff;
    color: white;
}

.two, .five{
    background: #003a67;
    color: white;
}

.three, .six{
    background: white;
    color: #003a67;
}

@media screen and (max-width: 767px){
    .header{
        height: 150px;
    }

    .speaker{
        text-align: center;
    }

    .speaker .bio .name{
        justify-content: center;
    }

    .speaker .bio .name *{
        display: inline-block;
    }

    .one-image, .three-image, .four-image, .six-image{
        background-position: bottom -1px left !important;
    }
}