.container{
    width:90%;
    height:50%;
    margin: 0 auto;

}
.textcontainer{
    overflow: auto;
    text-align: justify;
    height:30vh;
    height: calc(var(--vh, 1vh) * 30);
    padding: 5px;

}
.textcontainer p{
    font-size: 16px;
}
h1{
    margin:0;
    padding-top: 100px;
    padding-bottom: 5px;
    text-align: center;
}
p{
    margin:0;
}
@media only screen and (max-width:518px){
    .textcontainer p{
    font-size: 12px;
 }
 h1{
    font-size: 16px;
 }
 
 }

 /* @media only screen and (max-width:988px) {
    .textcontainer{
        width:20%;
        margin-top: 35%;
        font-size: 13px;
    }
 }
 @media only screen and (max-width:691px) {
    .textcontainer{
        font-size: 11px;
        margin-top: 60%;
        margin-right: 40%;

    }
 }
 @media only screen and (max-width:562px) {
    .textcontainer{
        margin-right: 32%;
        margin-top: 90%;
        width: 30%;
    }
 } */