body{
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;      
}

H1{
font-family: futura std, futura, helvetica, arial, serif;
font-size:50px; 
margin-top:40px;
}

#introtext{
font-family: futura std, futura, helvetica, arial, serif;
font-size:16px; 
margin-top:30px;
margin-left:5%;
margin-right:5%; 
align-items: center;
justify-content: center;
line-height: 1.5;
}

H1, #introtext, #listA, #introtext span{
display: flex;
align-items: center;
justify-content: center;
}

#listA .linkA{
margin-left:2%;
margin-right:2%;
margin-top:70px;
border-radius: 10px;
border: 2px solid #77DD77;
padding: 20px; 
background-color:#F3F3F3;
}

#listA .linkA a{
font-family: futura std, futura, helvetica, arial, serif;
font-size:20px;
color:#779ECB;
text-decoration:none;
}


@media screen and (max-width:420px) {
    
H1{
font-family: futura std, futura, helvetica, arial, serif;

}

    
#introtext{
font-size:15px; 
font-family: futura std, futura, helvetica, arial, serif;
margin-left:2.5%;
margin-right:2.5%; 
}    
    
#listA .linkA{
margin-left:1.2%;
margin-right:1.2%;
margin-top:70px;
border-radius: 10px;
border: 2px solid #77DD77;
padding-top: 24px;
padding-right: 16px;
padding-bottom: 24px;
padding-left: 16px;
background-color:#F3F3F3;
}
    }