.mydiv
{
    display: grid;
    float: left;
    padding: 10px;
}

.parent
{
    text-align: center;
    display: block;
}
.child
{
    display: inline-block;
    padding: 10px; 
}

.child img
{
    width: 100%;
    max-width: 300px;
//    height: 210px;
}

.imagewithpad
{
    padding-left: 10px;
}

.myvideo
{
    padding: 10px;
    width: 100%;
    max-width: 640px;
}

.divhome
{
    text-align: center;
    display: block;
}

.myh1
{
    margin-top: 50px;
    font-size: 350%;
    text-align: center;
    font-family: sans-serif;
}
 

.myh2
{
    font-size: 300%;
    text-align: center;
    font-family: sans-serif;
}

.mya
{
    padding: 80px;
    font-size: 400%;
    font-family: sans-serif;
}

.bottom
{
    position: absolute;
    bottom: 0;
    left: -5px;
    background-color: #000;
    color: #777;
    padding: 20px;
    width:100%;
}

body
{
    background-size: 100% auto;
    background-repeat: no-repeat;
}