article {
    border: solid 1px black;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.description {
    background-color: var(--color-orange);
    font-size: 1.2rem;
    width: 100%;
}

li {
    margin: 2%;
}

img {
    width: 50%;
    display: none;
}

.big-screen {
    display: none;
}

.little-screen {
    display: block;
    width: 100%;
    margin: 1rem;
}

#map { 
    margin-top: 1rem;
    height: 250px; 
    width:100%;
  }
.adress {
    flex-direction: column;
}
  adress {
    margin-left: 1rem;
    line-height: 2rem;
    margin-top: 1rem;
  }
  
  footer > p {
    margin-top: 1rem;
  }

@media (min-width: 862px) {
    article {
        flex-direction: row;
        justify-content: space-evenly; 
    }

    img {
        object-fit: cover;
        width: 50%;
        display: block;
    }
    .description {
        width: 50%;
    }
    .description .big-screen {
        display: inline-block;
        width: 100%;
        position: relative;
    }
    
    .little-screen {
        display: none;
    }
    footer {
        text-align: right;
      }
      
      .adress {
        display: flex;
        text-align: left;
        flex-direction: row;
      }
      
      #map { 
        height: 250px; 
        width:90%;
        
      }
      
      adress {
        margin-left: 1rem;
        line-height: 2rem;
      }
      
      footer > p {
        margin-top: 1rem;
      }
}