#container1{ 
    padding-top: 1%;
    margin-top: 3%;   
    width: 40%;
    margin-left: 30%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 1.0);   
}

 #container1 button{
   
    width: 40%;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.headr{
    text-align:center;
    font-size:2em
}





@media screen and (max-width: 720px){
    #container1{
        width: 65%;
        margin-top: 10%;
        margin-left: 20%;
        text-align:center;
    }

    .btn-primary{
        margin-top: 20%;
        margin-left: 5%;
    }

    .flex-grow{
        width: auto;
    }
}