#menu{
position:relative;
    width:100%;
    /* top:calc(100vh + 180px);  */
    margin-top: -850px;
}

#articles{
    position:relative;
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:20px;
    padding:0px 10px 20px 10px;
}

article{
    position:relative;
    width:500px;
    height:auto;
    text-decoration:none;
    color:#28381e;
    font-family: "Radley", serif;
    font-weight: 400;
    font-style: italic;
}

/* article img{
    position:relative;
    width:100%;
    height:auto;
    border-radius:10px;
} */

table{
    margin:0;
    position:relative;
    left:0;
    width:100%;
}

tr:first-child th{
    width:30%;
    position:relative;
    left:0;
    padding:0;
}

th img{
    position:relative;
    width:100%;
    height:auto;
    border-radius:10px;

}

article p{
    position:relative;
    width:100%;
    text-align:left;
    font-size: 20px;
    color:#28381e;
    font-family: "Radley", serif;
    font-weight: 400;
    font-style: italic;
}

article h3{
    position:relative;
    width:100%;
    text-align:left;
    font-size: 30px;
    color:#28381e;
    font-family: 'Porta';
    font-weight: 400;
}

h1{
    padding-left:15vw;
    padding-top:30px;
    position:relative;
    width:100%;
    text-align:left;
    font-size: 80px;
    color:#28381e;
    font-family: "Playball", serif;
    font-weight: 400;
    margin:0;
}

#pointer1{
    width:100%;
    position:static;
    background-color: red;
}


@media (max-width:1440px){
    #menu{
        margin-top:-800px;
    }
}


@media (max-width:768px){
    #menu{
        /* top:750px; */
        margin-top:-150px;
        height: auto;
    }
    tr:first-child, tr:last-child{
        display:none;
        width:0;
    }
    article{
        width:100%;
        height:auto;
    }
    article p{
        font-size: 14px;
        width:75%;
        text-align:center;
    }
    article h3{
        font-size: 20px;
        width:75%;
        text-align:center;
    }
}


@media (max-width:270px){
    #menu{
        margin-top:-120px;
    }

    #menu img{
        width:200px;
        left:50%;
        transform:translateX(-50%);
    }
}