body {
background-color:grey;
background-image: url("../img/10.png");
background-size: cover;
background-repeat:no-repeat;
}

p {
font-family: 'Oxygen', sans-serif;
font-size: 24px;
width: 30%;
height:10%;
margin-top:5%;
margin-left:35%;
color:white;
text-align:center;
}

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:30%;
display: grid;
grid-template-columns: repeat(2, 1fr);
}

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

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

.A > a {
color:#E7458F;
}

@media screen and (max-width: 1300px) {
.wrapper {margin-top:24%;}
p{margin-top:4%;}
a{font-size:20px;}
}

@media screen and (max-width: 800px) {
body{background-color:grey;}
.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:10%;width:20%; font-size:14px; margin-left:40%;}
}