@font-face {
    font-family: 'TT-commons';
    src: url(/assets/TT-Commons/TTCommons-Regular.woff2)
}
/* @font-face {
    font-family: 'TT-commons-bold';
    src: url(./assets/TT-Commons/TTCommons-Bold.ttf);
} */

html{
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}

.container{
    width: 80%;
    margin: auto;
    padding: 10vh 0;
}

.image {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: 60vh;
}
.container h1 {
    font-size: 24px;
    font-family: 'TT-commons', serif;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    padding: 2rem 0;
}

.container h2 {
    font-size: 18px;
    font-family: 'TT-commons', serif;
    text-align: left;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    padding: 3rem 0 1rem;
}

.container p {
    font-size: 18px;
    font-family: 'TT-commons', serif;
    text-align: left;
    color: rgb(88, 88, 88);
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

.container-info {
    margin-left: 10%;
}

.footer {
    width: 100%;
    height: auto;
    background: #000;
    padding-top: 3px;
}

.footer p {
    font-size: 18px;
    font-family: 'TT-commons', serif;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}