@font-face {
  font-family: "ortica-light";
  src: url("fonts/ortica-light.woff2") format("woff2"),
       url("fonts/ortica-light.woff") format("woff");

       font-family: "ortica-bold";
  src: url("fonts/ortica-bold.woff2") format("woff2"),
       url("fonts/ortica-bold.woff") format("woff");

}


body{
               padding: 0px; 
               text-align: center;
               
}

p{
               font-family: 'ortica-light';
               font-size: 1em;               
}

.description{
               font-family: 'ortica-light';
               font-size: 0.7em;
               margin: 10px 0;
               padding: 5px;
}

h1{
               font-family: 'ortica-bold';
               font-size: 12px;
}

h3{
               font-family: 'ortica-bold';
               width: auto;
               border-top: 2px solid black;
               border-bottom: 2px solid black;
               padding-bottom: 5px;
               padding-top: 5px;
               text-align: center;
               font-size: 1.5em;
}

h4{
               font-family: 'ortica-bold';
               font-size: 16px;
}


header ul { 
             display: flex; 
             justify-content: space-around; 
             list-style: none;
             font-family: ortica-light;
             padding: 0px;
}

.light{
             font-family: 'ortica-light';
             width: 70%;
             box-sizing: border-box;
             font-size: 22px;
             text-align: center;
}

.bold {
             font-family: 'ortica-bold';
             width: 70%;
             box-sizing: border-box;
             font-size: 22px;
             text-align: center;

}

a{
             display: inline-block;
             text-decoration: none;
             color: black;

}

img{
             display: inline-block;
             width: 100%;

}

#scroll_to_top {
  position: fixed;
  width: 50px;
  height: 25px;
  bottom: 80px;
  right: 30px;
}
#scroll_to_top img {
  width: 50px;
}

@media all and (min-width: 550px){
    /* Vos règles CSS pour les écrans plus grand que 550px ici */

.global{
 
 max-width : 550px;
}