#logo1{
    margin-left:30px;
    margin-top:30px;
opacity:0;
transition:opacity 2.5s;
width:800px;
}

#date1{margin-top:30px;
    margin-left:50px;
    font-size:20px;
width:200px;
}

#date1-span{
    font-size:14px;
}

#text1{
    margin-left:70px;
    margin-top:20px;
width:500px;
}

#logo2{
    font-size:1.2em;
}

#name1{
    margin-top:10px;
    margin-left:20px;
    font-size:1.1em;
}

#name-container1{

width:200px;
margin-left:600px;
}


@media screen and (max-width: 768px) {
#logo1{
    margin-left:5vw;
    margin-top:10px;
    width:90vw;
opacity:0;
transition:opacity 3.5s;
}

#date1{margin-top:10px;
    margin-left:10vw;
    font-size:1.2em;
width:30vw;
}

#date1-span{
    font-size:0.6em;
}

#text1{
    margin-left:15vw;
    margin-top:20px;
width:75vw;
    font-size:1.0em;
}

#logo2{
    font-size:1em;
}
#address1{
    margin-top:10px;
    margin-left:10px;
    font-size:0.8em;
    line-height:1.2em;
}
#name1{
    margin-top:10px;
    margin-left:10px;
    font-size:0.9em;
}

#name-container1{

width:50vw;
margin-left:auto;
margin-right:10px;
}

}