#mg1 {
    text-align: center;
}

#mg1 h1 {
font-size: 2em;
color: #e20611;
}

#mg1 p {
    font-size:1em ;
 
}
#mg1 h3{
    font-size:1.5em ;
}
#mg1 a {
    font-size:1em ;
    text-decoration: none;
    color: black;
   display: block;
border: 1px solid gray;
margin: .2em .2em;
background-color: gainsboro;
}
#mghr1{
    width: 26%;
    height: 3px;
    background-color: rgb(78,78,78);
}
#mg1 div{
    display: grid;
    grid-template-columns: repeat(3,1fr);
   
    margin: 0 2em;
}
@media screen and (max-width:1000px) {
    #mg1 h1{
        font-size:1.5em ;
    }
    #mg1 p{
        font-size: .7em;
    }
    #mg1 a{
        font-size: .7em;
    }
    #mg1 h3{
        font-size: 1em;
    }
    #mg1 div{
        grid-template-columns: repeat(2,1fr);
    }
    #mghr1{
        width: 30%;
        height: 3px;
        background-color: rgb(78,78,78);
    }
}
@media screen and (max-width:600px) {
    #mg1 h1{
        font-size:1em ;
    }
    #mg1 p{
        font-size: .6em;
    }
    #mg1 a{
        font-size: .7em;
    }
    #mg1 h3{
        font-size: 1em;
    }
    #mg1 div{
        grid-template-columns: repeat(1,1fr);
        margin:0 4em;
    }
}
@media screen and (max-width:400px) {
    #mg1 h1{
        font-size:.9em ;
    }
    #mg1 p{
        font-size: .5em;
    }
    #mghr1{
        width: 50%;
        height: 3px;
        background-color: rgb(78,78,78);
    }
    #mg1 div{
        grid-template-columns: repeat(1,1fr);
        margin:0 1em;
    }
}