body {

background-image: url("../img/4.png");
background-size: cover;
background-repeat:no-repeat;
}

p {
font-family: 'Oxygen', sans-serif;
font-size: 24px;
width: 40%;
height:10%;
margin-top:8%;
margin-left:2%;
color:white;
}

a {
text-decoration:none;
font-family: 'Odibee Sans', cursive;
font-size: 24px;
color:#95BF22;
padding:20px;
background-color:white;
border-radius: 10px;	/*arrondi des boutons*/
box-shadow: 5px 5px 0px #aaa;	/*ombre boutons*/
}

.survol { /*class qui apparaît au survol du bouton*/
box-shadow:10px 10px 0px #616161;
padding:25px;
}

.survol2 {/* class qui apparaît lorsque la souris sort du bouton*/
box-shadow:5px 5px 0px #aaa;
padding:20px;
}

.wrapper {
margin-top:25%;
display: grid;
grid-template-columns: repeat(2, 1fr);
}

.A {
grid-column: 1;
text-align:center;
}

.B {
grid-column: 2;
text-align:center;
}

.B > a {
color:#289CD4;
}

@media screen and (max-width: 1200px) {
.wrapper {margin-top:20%;}
p{margin-top:8%;}
}

@media screen and (max-width: 800px) {
body{background-color:#E7458F;}
.wrapper {position: absolute; bottom: 5%; width:100%; display:flex; justify-content: center;}
.A {margin:2%;}
.B {margin:2%;}
a{font-size:18px;}
p{margin-top:50%;width:90%; font-size:18px;}
}