html,
body {
    height: 100%;
    font-family: "Roboto", sans-serif;
    overflow-x: hidden;
}

.text-purple {
    color: #48487f;
}

button {
    display: inline-block;
    color: #fff;
    background-color: #48487f;
    border: 1px solid #48487f;
    padding: 12px 34px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
}

.bi {
    color: #d29b11;
    margin: 0 2px;
    cursor: pointer;
    padding: 18px 0;
}

.bb-purple {
    border-bottom: 1px dotted #48487f;
}

@media (max-width: 700px) {
    .d-flex {
        flex-direction: column;
    }

    .footer {
        width: 80%;
    }

    iframe {
        width: 80%;
    }

    header > img {
        width: 70%;
    }

    main {
        width: 80%;
    }

    p {
        font-weight: 600;
    }
}