* {
  font-family: arial;
}

.carre {
  width: 60%;
  height:60%;
  background: #ccc;
  text-align: center;
  margin:auto;
  box-shadow: 0 0 65px #bbb inset, 0 0 20px #bbb inset, 0 0 5px #bbb;
}

h2 {
  font-size: 56px;
}

h3 {
  font-size: 25px;
}

.footer {
  width: 60%;
  height:60%;
  background: #333;
  color: white;
  text-align: center;
  margin:auto;
  padding-top:3px;
  box-shadow: 0 0 65px #111 inset, 0 0 20px #111 inset, 0 0 5px #111;
}

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

.facebook {
  width:30px;
  float: right;
  padding-right: 20px;
}

@media screen and (max-width: 1024px) {

.carre {
  width: 80%;
  height:80%;
}

.footer {
  width: 80%;
  height:80%;
}

}