#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:300px;
    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;
}

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;
    }
}


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

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