.time .container {
  display: flex;
  align-items: center;
}

.time:after {
  content: "";
  display: block;

  width: 1200px;
  height: 2px;
  margin: 0 auto 40px;

  background-color: #303e48;
}

.image--controls {
  width: 50%;

  border-radius: 20px;
  overflow: hidden;
}

.image--controls .ic--watch {
  transition: transform ease-in-out 0.4s;
}

.image--controls .ic--watch:hover {
  transform: scale(1.5);
}

.timeTexts {
  width: 50%;
  margin-left: 100px;

  color: #fff;
}

.strong--text {
  display: contents;
  font-weight: 700;
}

.t-textSaveTime {
  margin-top: 105px;

  font: 700 normal 4rem/1em "Roboto", sans-serif;
}

.t-textReports {
  margin: 50px 0 40px;

  font: 400 normal 1.7rem/1.66em "Roboto", sans-serif;
}

/* PRIVACIDADE */
section.privacy {
  padding: 80px 0 100px !important;
  background-color: #10243f !important;
}

section.privacy .container {
  max-width: 900px;
}

section.privacy:after {
  content: "";
  display: block;

  width: 1200px;
  height: 2px;
  margin: 40px auto 40px;

  background-color: #303e48;
}

section.privacy .container h2,
section.privacy h2 {
  margin-bottom: 40px !important;

  font: 700 normal 2.4rem/1.3em "Roboto", sans-serif !important;
  color: #fff !important;
}

section.privacy .container h3,
section.privacy h3 {
  margin: 40px 0 15px !important;

  font: 700 normal 1.7rem/1.4em "Roboto", sans-serif !important;
  color: #fff !important;
}

section.privacy .container p,
section.privacy p {
  margin-bottom: 20px !important;

  font: 400 normal 1.4rem/1.7em "Roboto", sans-serif !important;
  color: #fff !important;
}

section.privacy .container a,
section.privacy a {
  color: #4ec3ff !important;
  text-decoration: underline !important;
}

@media screen and (max-width: 1200px) {
  .time:after {
    width: calc(100% - 100px);
  }

  .image--controls .ic--watch:hover,
  .image--controls .ic--watch:active,
  .image--controls .ic--watch:focus {
    transform: none;
  }

  section.privacy .container {
    padding: 0 20px;
  }
}

@media screen and (max-width: 826px) {
  .t-textSaveTime {
    width: 100%;

    font-size: 3rem;
  }

  section.privacy .container h2,
  section.privacy h2 {
    font-size: 2.1rem !important;
  }

  section.privacy .container h3,
  section.privacy h3 {
    font-size: 1.6rem !important;
  }

  section.privacy .container p,
  section.privacy p {
    font-size: 1.3rem !important;
  }
}

@media screen and (max-width: 760px) {
  .time .container {
    flex-direction: column;
    align-items: center;
  }

  .image--controls {
    width: 70%;
    margin-bottom: 50px;
  }

  .timeTexts {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 70%;
    margin: 0;
  }

  .t-textSaveTime {
    margin-top: 0;
    margin-bottom: 35px;
  }

  .t-textReports {
    margin-top: 0;
    margin-bottom: 50px;
  }

  section.privacy {
    padding: 60px 0 80px !important;
  }

  section.privacy .container {
    max-width: 100%;
  }
}

@media screen and (max-width: 560px) {
  .image--controls,
  .timeTexts {
    width: 80%;
  }

  .t-textSaveTime {
    font-size: 2.3rem;
  }

  .t-textReports {
    font-size: 1.5rem;
  }

  section.privacy .container {
    padding: 0 15px;
  }
}