h1,
h2,
h3,
h4,
h5 {
    font-family: 'Ms Madi';
}

main {
    padding: 0 15% 0 15%;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#navbarNavAltMarkup {
    flex-basis: 100% !important;
}

body>nav>div>button {
    position: absolute;
    right: 15%;
}

.talk {
    background: rgba(196, 196, 166, 0.8);
    padding: 15% 20% 15% 25%;
    margin-top: 50%;
}

.talk>a:link {
    color: rgb(55, 55, 55);
    font-size: 10px;
    font-weight: bold;
}

.talk>a:visited {
    color: rgb(55, 55, 55);
    font-size: 10px;
    font-weight: bold;
}

.no-underline {
    text-decoration: none !important;
}

.talk>a:hover {
    color: rgb(117, 117, 117);
    font-size: 10px;
    font-weight: bold;
}

.talk>a:active {
    color: rgb(55, 55, 55);
    font-size: 10px;
    font-weight: bold;
}


@media only screen and (min-width: 500px) {
    .talk>a:link {
        font-size: 15px;
    }

    .talk>a:visited {
        font-size: 15px;
    }

    .talk>a:hover {
        font-size: 15px;
    }

    .talk>a:active {
        font-size: 15px;
    }
}

@media only screen and (min-width: 800px) {
    .talk {
        margin-top: 30%;
    }
    .talk>a:link {
        font-size: 20px;
    }

    .talk>a:visited {
        font-size: 20px;
    }

    .talk>a:hover {
        font-size: 20px;
    }

    .talk>a:active {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1300px) {
    .talk {
        margin-top: 10%;
    }
    .talk>a:link {
        font-size: 30px;
    }

    .talk>a:visited {
        font-size: 30px;
    }

    .talk>a:hover {
        font-size: 30px;
    }

    .talk>a:active {
        font-size: 30px;
    }
}