@media(min-width: 400px) and (max-width: 540px)

{

 

#global

{

            width :100% ;

            padding :0px ;

}

 

#menu-gauche

{

            width :100% ;           

}

 

#contenu

{

            width :80% ;

}

 

}





html {
	font-size: 62.5%;
}

body{
        background-image: url('https://delgard.re/img/background.webp');
        font-size: 1.8rem;
        width: 70%;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        margin: 8rem auto 4rem;
        color: white;
}

h1{
    font-size: 50px;
}

.prenom{
    text-align: center;
    font-size: 50px;
    font-family: Montserrat, sans-serif;
    margin-top: -10mm;
}
.presentation{
    text-align: center;
}

.description{
  text-align: center;
}

.description2{
  text-align: center;
}

footer {
    font-size: 1.5rem;
    margin-top:15px;
    text-align:center;
    font-size:13px;
    color:#aaa;
    margin-bottom:0;
}

.container-name {
    margin-left: 30px;
    margin-top: 60px;
    text-align: center;
  }


.container-name {
  margin-left: -10px;
  margin-top: 60px;
}

.example_c {
  font-family: 'Open Sans';
  color: white;
  text-transform: uppercase;
  text-decoration: none;
  
  padding: 20px;
  border: 4px solid whitesmoke;
  display: inline-block;
  transition: all 0.4s ease 0s;
}

.example_c:hover {
  
  background: rgb(49, 73, 184);
  border-color: rgb(49, 73, 184);
  transition: all 0.4s ease 0s;
}