adaptation mobile v1

Bobo.html

@@ -14,7 +14,7 @@
         ><img
           src="images/logo_africaunite_transparent.png"
           alt="Logo Africa Unite"
-          width="150px"
+          width="12%"
       /></a>
       <!--Barre de navigation-->
       <nav id="navbar">

actions.html

@@ -15,7 +15,7 @@
         ><img
           src="images/logo_africaunite_transparent.png"
           alt="Logo Africa Unite"
-          width="150px"
+          width="12%"
       /></a>
       <!--Barre de navigation-->
       <nav id="navbar">

equipes.html

@@ -14,7 +14,7 @@
         ><img
           src="images/logo_africaunite_transparent.png"
           alt="Logo Africa Unite"
-          width="150px"
+          width="12%"
       /></a>
       <!--Barre de navigation-->
       <nav id="navbar">

histoire.html

@@ -14,7 +14,7 @@
         ><img
           src="images/logo_africaunite_transparent.png"
           alt="Logo Africa Unite"
-          width="150px"
+          width="12%"
       /></a>
       <!--Barre de navigation-->
       <nav id="navbar">

index.html

@@ -20,7 +20,7 @@
         ><img
           src="images/logo_africaunite_transparent.png"
           alt="Logo Africa Unite"
-          width="150px"
+          width="12%"
       /></a>
       <!--Barre de navigation-->
       <nav id="navbar">
@@ -73,7 +73,7 @@
           /></a>
         </div>
         <div class="column2">
-          <img src="images/centre-front.jpg" alt="Front Centre" width="110%" />
+          <img src="images/centre-front.jpg" alt="Front Centre" width="100%" />
           <div class="button">
             <span>
               <a

nvprojet.html

@@ -15,7 +15,7 @@
         ><img
           src="images/logo_africaunite_transparent.png"
           alt="Logo Africa Unite"
-          width="150px"
+          width="12%"
       /></a>
       <!--Barre de navigation-->
       <nav id="navbar">

styles.css

@@ -21,7 +21,7 @@ body {
 h1 {
   /*Titre page principale*/
   color: #fffefe;
-  font-size: 100px;
+  font-size: 15vw;
   font-weight: 700;
   line-height: 98%;
   text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
@@ -36,7 +36,7 @@ h2 {
 h3 {
   /*Titre*/
   color: #fffefe;
-  font-size: 30px;
+  font-size: 3vw;
 }
 .card h3 {
   color: black;
@@ -50,9 +50,9 @@ h4 {
 h5 {
   /*Subtext Front page*/
   color: #fffefe;
-  font-size: 30px;
+  font-size: 3vw;
   text-align: justify;
-  padding: 20px;
+  padding: 10px;
 }
 p {
   text-align: justify;
@@ -60,6 +60,7 @@ p {
   font-style: normal;
   margin: 20px;
   padding: 5px;
+  font-size: 2vw;
 }
 nav {
   width: 80%;
@@ -190,6 +191,7 @@ nav > ul li:hover .sous {
 }
 .column2 img {
   border-radius: 20px;
+  padding: 0%;
 }
 .column3 {
   float: left;