@media screen and (min-width:1024px){
    .wrapper{
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 30px;

}   
    
}


@media screen and (min-width:800px)and(max-width:1023px){
    .wrapper{
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 30px;

}   
    
}


@media screen and(max-width:799px){
    .wrapper{
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 30px;

}   
    
}

a{
    text-decoration: none;
    color: black;
}