body {
    margin-left:auto;
    margin-right:auto;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    min-height: 100vh;
    background-color: white;
    margin-top: 0vh;
    margin-bottom: 0vh;
}
@media screen and (min-width: 1081px) {
  body {
     max-width: 80%;
  }
}
html {
    background-color: black;
}
a {
    text-decoration: none;
    color: black;
}
a:hover {
    color: #a10e07;
}
.main_content {
    margin-left: 5vw;
    margin-right: 5vw;
    margin-top: 5vh;
    margin-bottom: 5vh;
}
.hero-article {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 2vh;
    padding-left: 1vw
}
.hero-article-content {
    margin-left: 1vw;
}
.grid-articles {
    display: grid;
    align-items: left;
    grid-template-columns: auto auto auto;
}
.grid-img {
  width: 100%;
  object-fit: contain;
}
.grid-article-card {
    max-width: 28vw;
    padding: 1vw;
}
.grid-article-content {
    max-width: 100%;
}
.grid-article-author {
    font-style: italic;
    margin-top: 0vh;
    margin-bottom: 0vh;
}
.grid-article-chapo {
    margin-top: 0vh;
    margin-bottom: 0vh;
}
.grid-article-title {
    margin-top: 0vh;
    margin-bottom: 0vh;
}


.contact_search {
    width: 50vh;
    height: 5vh;
    font-size: 3vh;
}
.contact p{
    margin-top: 0vh;
    margin-bottom: 0vh;
}
.contact h2{
    margin-top: 2vh;
    margin-bottom: 1vh;
}