@media (min-width: 700px) {
    .content{
        width: 70%;
        display: inline-table;
        padding: 1.5rem;
    }
    .container{
        width: 100%;
        padding-top: 4rem;
        display: inline-flex;
    }
    .img{
        width: 100%;
        height: 24rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .author{
        font-style: italic;
        color: gray;
        font-size: 14px;
    }
    .category{
        padding: 0.5rem;
        background-color: #3f0c0d;
        color: white;
        border-radius: 7px;
    }
    .others{
        width: 29%;
        /*position: fixed;
        right: 1.5rem;*/
    }
    .tit_div{
        margin-bottom: 1rem;
        display: inline-flex;
        width: 100%;
        height: 6rem;
        position: relative;
        border-bottom: solid 1px gray;
    }
    .title_div{
        width: 58%;
        text-align: justify;
        margin-right: 1rem;
        color: black;
        font-weight: 900;
    }
    .image{
        position: absolute;
        width: 38%;
        height: 5rem;
        top: .5rem;
        right: .5rem;
    }
    .imgg{
        width: 100%;
        height: 5rem;
        border-radius: 2px;
    }
    .head{
        background-color: #3f0c0d;
        color: white;
        text-align: center;
    }
    .head h2{
        padding: 12px;
    }
    .com_sec{
        width: 70%;
        padding: 1.5rem;
    }
    .feedback-input{
        outline: none;
        width: 100%;
        height: 2rem;
        border: #3f0c0d solid 3px;
    }
    .feedback-input2{
        outline: none;
        width: 100%;
        height: 10rem;
        border: #3f0c0d solid 3px;
    }
    #button-blue{
        width: 100%;
        height: 2rem;
        background-color: #3f0c0d;
        color: white;
        text-align: center;
        border: none;
        font-weight: 700;
    }
    .comm{
        width: 100%;
    }
    .com_name{
        color: #3f0c0d;
        font-size: 18px;
        font-weight: 600;
    }
    .comm_date{
        color: #3f0c0d;
        font-style: italic;
        font-size: 9px;
    }
    .comm_body{
        font-size: 14px;
        text-align: justify;
        width: 100%;
    }
}
@media (max-width: 699px) {
    .content{
        width: 90%;
        margin: auto;
    }
    .container{
        width: 100%;
        padding-top: 7rem;
        justify-content: center;
    }
    .img{
        width: 100%;
        height: 18rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .author{
        font-style: italic;
        color: gray;
        font-size: 14px;
    }
    .category{
        padding: 0.5rem;
        background-color: #3f0c0d;
        color: white;
        border-radius: 7px;
    }
    .others{
        width: 90%;
        margin: auto;
    }
    .tit_div{
        margin-bottom: 1rem;
        display: inline-flex;
        width: 100%;
        height: 6rem;
        position: relative;
        border-bottom: solid 1px gray;
    }
    .title_div{
        width: 58%;
        text-align: justify;
        margin-right: 1rem;
        color: black;
        font-weight: 900;
    }
    .image{
        position: absolute;
        width: 38%;
        height: 5rem;
        top: .5rem;
        right: .5rem;
    }
    .imgg{
        width: 100%;
        height: 5rem;
        border-radius: 2px;
    }
    .head{
        background-color: #3f0c0d;
        color: white;
        text-align: center;
    }
    .head h2{
        padding: 12px;
    }

    .com_sec{
        width: 100%;
        text-align: center;
        margin-bottom: 2rem;
    }
    .feedback-input{
        outline: none;
        width: 90%;
        height: 2rem;
        border: #3f0c0d solid 3px;
    }
    .feedback-input2{
        outline: none;
        width: 90%;
        height: 7rem;
        border: #3f0c0d solid 3px;
    }
    #button-blue{
        width: 90%;
        height: 2rem;
        background-color: #3f0c0d;
        color: white;
        text-align: center;
        border: none;
        font-weight: 700;
    }

    .comm{
        width: 90%;
        text-align: left;
        margin: auto;
    }
    .com_name{
        color: #3f0c0d;
        font-size: 14px;
        font-weight: 600;
    }
    .comm_date{
        color: #3f0c0d;
        font-style: italic;
        font-size: 9px;
    }
    .comm_body{
        font-size: 14px;
        text-align: justify;
        width: 100%;
    }
    h2{
        justify-self: center;
    }
}

.staff_acces{
    margin-left: 2rem;
    color: #3f0c0d;
    font-weight: 900;
    cursor: pointer;
    text-decoration: none;
}