* {
    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%;
  }
  
  }