* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  background-color: #e1e8f0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.2; }

.logo {
  display: flex;
  justify-content: flex-end; }
  .logo img {
    max-width: 40px; }

.containerPage {
  position: relative;
  background-color: #fff;
  margin: 0 10px;
  padding: 10px 5px;
  max-width: 1250px;
  border-radius: 10px; }

.buttonsWeather {
  position: absolute;
  margin-top: -30%;
  display: flex;
  flex-direction: column;
  left: 0; }
  .buttonsWeather img {
    width: 30%; }

.buttonDark {
  transform: translateY(35%); }

.bogota {
  position: absolute;
  top: 31px;
  z-index: 10;
  left: 5px;
  color: #fff;
  font-size: 1rem; }
  .bogota img {
    margin-left: -9px; }
  .bogota p {
    margin-top: -6px;
    font-size: 0.8rem; }

.banner img {
  width: 100%; }

.information {
  max-width: 1190px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: center; }
  .information h2 {
    margin: 0px 0 10px 0;
    text-align: center;
    font-weight: 900;
    font-size: 1.7em; }
    .information h2 span {
      font-weight: 100; }

.rowPage {
  width: 100%;
  padding: 30px;
  text-align: center; }
  .rowPage img {
    border-radius: 20px;
    margin: 0 auto; }

.box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  margin: 10px 0; }

.day {
  display: flex;
  align-items: center;
  padding-left: 30px; }
  .day p {
    padding-left: 20px;
    text-align: left; }

.degree {
  background-color: #7d68e9;
  padding: 30px 10px;
  border-radius: 20px; }

.singopore {
  padding: 0;
  margin: 0 auto; }

.reviews {
  display: flex;
  flex-direction: column; }
  .reviews img {
    margin: 15px auto; }

.titleReviews {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 30px 22px 45px 22px; }
  .titleReviews img {
    max-width: 40%; }

.topReviews p {
  text-align: center;
  opacity: 0.4; }

.boxCity {
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-radius: 20px;
  margin: 10px auto;
  max-width: 320px; }

.topCity {
  display: flex;
  align-items: center; }

.imageCity {
  width: 25%;
  background-color: #dee8f4;
  padding: 17px;
  border-radius: 20px; }

hr {
  border: none;
  border-left: 1px solid #73848c;
  height: 5vh;
  width: 1px;
  margin-left: 14px; }

.cardinals {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 15px;
  opacity: 0.4; }

.degreeCity,
.city {
  padding-left: 20px; }

.degreeCity {
  font-size: 2rem;
  font-weight: bold; }

.city {
  text-align: left; }

.imageLocation {
  max-width: 100%; }

@media (min-width: 600px) {
  .containerPage {
    padding: 50px 50px; }

  .buttonsWeather {
    margin-top: -32%;
    left: 0; }
    .buttonsWeather img {
      width: 70%; }

  .bogota {
    top: 73px;
    left: 23px; }
    .bogota p {
      margin: 18px 0 0 -19px;
      font-size: 2rem; }

  .information {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; }
    .information h2 {
      margin: 25px 0 40px 0; }

  .rowPage {
    padding: 0; }

  .threeDays,
  .place,
  .topReviews,
  .addLocations {
    width: 50%; } }
@media (min-width: 900px) {
  .buttonsWeather {
    margin-top: -25%;
    left: 0px; }

  .bogota {
    top: 120px;
    left: 16px;
    font-size: 3rem; }
    .bogota p {
      margin: 13px 0 0 -17px;
      font-size: 2.2rem; } }
@media (min-width: 1000px) {
  .logo {
    margin: 15px 25px; }

  .containerPage {
    margin: 0px auto;
    margin-bottom: 80px;
    border-radius: 30px; }

  .rowPage {
    text-align: left; }

  .buttonsWeather {
    margin-top: -26%;
    left: 0; }
    .buttonsWeather img {
      width: 100%; }

  .bogota {
    top: 150px;
    left: 36px; }
    .bogota p {
      margin: 21px 0 0 -33px;
      font-size: 3rem; }
    .bogota img {
      margin-top: 12px; }

  .information {
    flex-direction: row;
    flex-wrap: nowrap; }
    .information h2 {
      text-align: left; }

  .day {
    padding-left: 10px; }

  .place {
    margin-left: 50px;
    margin-right: 5px; }

  .singopore {
    margin: 0; }

  .topReviews p {
    text-align: left; }

  .reviews img {
    margin: 0px auto; }

  .fountain {
    margin-top: 5px !important; }

  .addLocations {
    margin-top: -150px;
    margin-right: 35px; }

  .imageLocation {
    border: solid 1px;
    border-style: dashed;
    max-width: 320px;
    margin-top: 20px !important; } }

/*# sourceMappingURL=style.css.map */