html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Ensures body takes at least viewport height */
}

.central-content-container, .central-content-container-mb {
    display: none;
     
} 


 
 @media (min-width: 768px) {
.central-content-container {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: top;
    padding-top: 50px;
    padding-bottom: 30px;
    flex: 1;
    }

 }

    /* MOBILE */
  @media (max-width: 767px) {
    .central-content-container-mb {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: top;
    padding-top: 50px;
    padding-bottom: 30px;
    flex: 1;
    }
  }

.white-container-article {
    display: none;
} 


 @media (min-width: 768px) {
.white-container-article {
    display: flex;
    gap: 20px;
    background-color: white;
    width: 600px;
    border-radius: 10px;
    padding: 20px;
    }
 }

 @media (max-width: 767px) {
.white-container-article {
    display: grid;
    direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background-color: white;
    min-width: 250px;
    max-width: 360px;
    border-radius: 10px;
    padding: 20px;
    }


 }

.image-article {

    width: 100px;
    height: 100px;
   

}

.image-container {
    display: none;
}

 @media (min-width: 768px) {
.image-container {
    display: flex;
    width: 100%;
  }
}
  @media (max-width: 767px) {
.image-container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}



.title {

font-family: Fahkwang;
font-weight: 600;
font-size: 30px;
line-height: 120%;
letter-spacing: -1px;
color: black;

}

a {
    text-decoration: none;
}