:root {
   font-size: calc(0.8em + 1vw);
   box-sizing: border-box;
   font-family: calibri, arial, verdana, sans-serif; 
}

.Name {
   text-align: center; 
   font-weight: bold;
   font-size: 2.3rem;
}

.Dates {
   font-size: 1.3rem;
   text-align: center; 
   font-weight: bold;
}

.Container {
   margin-left: 9%;
   margin-right: 9%;
   text-align: center;
}


.txt {
   margin-left: 4%;
   margin-right: 4%;
   margin-top: 0.5rem;
   margin-bottom: 1.6rem;
}



@media (min-width: 38em) {

.Container {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-template-rows: repeat(2, auto);
   grid-auto-flow: column;
   justify-items: center; 
   margin-left: 2%;
   margin-right: 2%;
   row-gap: 3%;
}

.pic {
   align-self: end;
   margin-left: 9%;
   margin-right: 9%;
}

.txt {
   text-align: center;
   margin-left: 7%;
   margin-right: 7%;
   margin-top: 0px;
   margin-bottom: 0px;
}

}