._geocentric-component{
    overflow: hidden;
}

._geocentric-thingstodo > .wrapper > div > div{
    box-sizing: border-box;
}


.weather-card {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .weather-card__container {
    background-color: white;
    border-radius: 5px;
    padding: 0.5rem;
    width: 100%;
    max-width: 300px;
    border: 1px solid gray;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .weather-card__container h1{
      margin-bottom: 0;
  }

  .weather-card__container p{
      margin-top: 5px;
  }
  
  
  .weather-card__location--city {
    font-size: 1.5rem;
    font-weight: bold;
  }
  
  .weather-card__location--date {
    font-size: 0.8rem;
    color: #ccc;
  }
  
  .weather-card__icon {
    margin: 0 0 0 30px;
    width: 6rem;
    height: 6rem;
    fill:currentColor;
  }
  
  .weather-card__temperature {
    display: flex;
  
  }


@media ( max-width: 992px ){
    ._geocentric-thingstodo > .wrapper > div > div a > div{
        padding-top: 0px;
    }
    ._geocentric-thingstodo > .wrapper > div > div p{
        margin-top: 0;
    }
}

@media ( max-width: 800px ){
    ._geocentric-busstops .bus-stop iframe{
        width: 100%;
    }
    ._geocentric-drivingdirections .direction{
        width: 100%;
    }
}