body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: linear-gradient(to top, #352F44, #5C5470);
    font-family: 'Roboto Slab', serif;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    background-color: #DFDBE5;

}

p {
    width: 500px;
    color: white;
}

h1 {
    color: white;
}

iframe {
    border-radius: 10px;
}

.faceCoffee {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 250px;
    height: 70px;
    background-color: #B9B4C7;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.faceCoffee:hover {
    background-color: #FAF0E6;
    transition: all 0.5s;
}

#faceBookLink {
    font-size: 34px;
    margin-left: 15px;
    margin-bottom: 4px;
}

@media (max-width: 767px) {

    p {
        width: 300px;
    }
    iframe {
        width: 300px;
    }
    h1 {
        font-size: 20px;
    }
}