@media screen and (orientation: portrait) {


    #header-socials {
        display: none;
    }

    #header-menu button {
        border: none;
        margin: 1vh;
    }

    #header-menu p {
        display: none;
    }

    #content-header {
        margin: 10vh 0;
    }

    #content-header-title {
        width: 100%;
        text-align: center;
    }

    #content-header-img {
        display: none;
    }

    #content-items {
        flex-direction: column;
    }
    
    .content-box {
        width: 100%;
    }


}