diff --git a/index.html b/index.html
index b3ccffede08cba9d272b96a6febe0e06dfcbd210..b8fd3db2eceb4900d237b6bca337935b5f0c66b9 100644
--- a/index.html
+++ b/index.html
@@ -18,10 +18,10 @@
<body>
<div class="top-nav">
<div class="header">
- <img height="90px" width="90px" src="./images/logoHCL.jpg" alt="Le logo des HCL" />
+ <img class="hcl-logo" src="./images/logoHCL.jpg" alt="Le logo des HCL" />
<div class="header-content">
<h1 class="page-title">Hospices Civils de Lyon - Cellule Bioinformatique</h1>
- <div>Plateforme de séquençage haut-débit pour le diagnostic</div>
+ <div class="header-content__description">Plateforme de séquençage haut-débit pour le diagnostic</div>
</div>
</div>
<div class="nav-container">
diff --git a/styles.css b/styles.css
index 1bd947a8bb5e088322924c3b7eb83f8b55a8ee7a..73e14e0be180dabad9a0eb8d21c88ad0f58b46d0 100644
--- a/styles.css
+++ b/styles.css
@@ -35,6 +35,10 @@ body {
align-items: center;
column-gap: 2em;
}
+.hcl-logo {
+ height: 90px;
+ width: 90px;
+}
.page-title {
font-size: 1.5em;
}
@@ -457,6 +461,12 @@ body {
row-gap: 0;
line-height: 1;
}
+ .page-title {
+ font-size: 1em;
+ }
+ .header-content__description {
+ font-size: .8em
+ }
}
@media (min-width: 769px) {
.map-container {