@media only screen and (max-width:768px){

    .story-body{
        border-radius: 1rem 1rem 0 0;
        -webkit-border-radius: 1rem 1rem 0 0;
        -moz-border-radius: 1rem 1rem 0 0;
        -ms-border-radius: 1rem 1rem 0 0;
        -o-border-radius: 1rem 1rem 0 0;
    }

    .discover-more{
        margin-top:1em;
        border-radius: 0 0 1rem 1rem;
        -webkit-border-radius: 0 0 1rem 1rem;
        -moz-border-radius: 0 0 1rem 1rem;
        -ms-border-radius: 0 0 1rem 1rem;
        -o-border-radius: 0 0 1rem 1rem;
        
    }
}

@media only screen and (max-width:425px){
    header{
        text-align: left;
        
    }
    .header-margin{

        padding-bottom: 2rem;
        text-align: left;
        font-size: 2rem;
        width:20ch;
    }



}