/*--------CORES--------*/
.color__green--dark {
  color: #00995d;
}

.color__green--light {
  color: #b1d34b;
}

.color__purple {
  color: #a3238e;
}

.color__violet {
  color: #411564;
}

.color__white {
  color: #ffffff;
}

.color__beige {
  color: #fff0c7;
}

/*------------FONTES------------*/
@font-face {
  font-family: UnimedSlab;
  src: url("../fonts/unimedslab-bold-webfont.woff") format("woff");
}

@font-face {
  font-family: UnimedSlab-Black;
  src: url("../fonts/UnimedSlab-Black.otf") format("otf");
}

@font-face {
  font-family: UnimedSans;
  src: url("../fonts/unimedsans-regular-webfont.woff") format("woff");
}

/*--------TELAS-------*/
/*--------CORES--------*/
.color__green--dark {
  color: #00995d;
}

.color__green--light {
  color: #b1d34b;
}

.color__purple {
  color: #a3238e;
}

.color__violet {
  color: #411564;
}

.color__white {
  color: #ffffff;
}

.color__beige {
  color: #fff0c7;
}

/*------------FONTES------------*/
@font-face {
  font-family: UnimedSlab;
  src: url("../fonts/unimedslab-bold-webfont.woff") format("woff");
}

@font-face {
  font-family: UnimedSlab-Black;
  src: url("../fonts/UnimedSlab-Black.otf") format("otf");
}

@font-face {
  font-family: UnimedSans;
  src: url("../fonts/unimedsans-regular-webfont.woff") format("woff");
}

/*--------TELAS-------*/
.header--background {
  background-image: url("../img/header--background.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 730px;
}

.header--card--movie {
  height: 50vh;
}

.header--movie {
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .header--background {
    background-size: cover;
    height: 550px;
  }
  .header--card--movie {
    height: 180px;
  }
}

@media only screen and (max-width: 576px) {
  .header--background {
    background-size: cover;
    height: 350px;
  }
  .header--card--movie {
    height: 220px;
  }
}

.footer {
  text-align: center;
}

/*--------CORES--------*/
.color__green--dark {
  color: #00995d;
}

.color__green--light {
  color: #b1d34b;
}

.color__purple {
  color: #a3238e;
}

.color__violet {
  color: #411564;
}

.color__white {
  color: #ffffff;
}

.color__beige {
  color: #fff0c7;
}

/*------------FONTES------------*/
@font-face {
  font-family: UnimedSlab;
  src: url("../fonts/unimedslab-bold-webfont.woff") format("woff");
}

@font-face {
  font-family: UnimedSlab-Black;
  src: url("../fonts/UnimedSlab-Black.otf") format("otf");
}

@font-face {
  font-family: UnimedSans;
  src: url("../fonts/unimedsans-regular-webfont.woff") format("woff");
}

/*--------TELAS-------*/
.heading--1 {
  font-family: "UnimedSlab";
  font-size: 64px;
}

.heading--2 {
  font-family: "UnimedSlab";
  font-size: 42px;
}

.heading--3 {
  font-family: "UnimedSlab";
  font-size: 34px;
}

.heading--4 {
  font-family: "UnimedSlab";
  font-size: 24px;
}

.paragraph {
  font-family: "UnimedSans";
  font-size: 22px;
}

.paragraph--footer {
  font-family: "UnimedSans";
  font-size: 16px;
}

.font--uppercase {
  text-transform: uppercase;
}

.font--bold {
  font-weight: bold;
}

.line--height {
  line-height: 90%;
}

.paragraph--link {
  text-decoration: none;
}

.paragraph--link--white:hover {
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .heading--1 {
    font-family: "UnimedSlab";
    font-size: 48px;
  }
  .heading--2 {
    font-family: "UnimedSlab";
    font-size: 30px;
  }
  .heading--3 {
    font-family: "UnimedSlab";
    font-size: 24px;
  }
  .paragraph {
    font-family: "UnimedSans";
    font-size: 18px;
  }
}

@media only screen and (max-width: 576px) {
  .heading--1 {
    font-family: "UnimedSlab";
    font-size: 28px;
  }
  .heading--2 {
    font-family: "UnimedSlab";
    font-size: 24px;
  }
  .heading--3 {
    font-family: "UnimedSlab";
    font-size: 20px;
  }
  .paragraph {
    font-family: "UnimedSans";
    font-size: 16px;
  }
  .paragraph--footer {
    font-family: "UnimedSans";
    font-size: 14px;
  }
}

/*--------CORES--------*/
.color__green--dark {
  color: #00995d;
}

.color__green--light {
  color: #b1d34b;
}

.color__purple {
  color: #a3238e;
}

.color__violet {
  color: #411564;
}

.color__white {
  color: #ffffff;
}

.color__beige {
  color: #fff0c7;
}

/*------------FONTES------------*/
@font-face {
  font-family: UnimedSlab;
  src: url("../fonts/unimedslab-bold-webfont.woff") format("woff");
}

@font-face {
  font-family: UnimedSlab-Black;
  src: url("../fonts/UnimedSlab-Black.otf") format("otf");
}

@font-face {
  font-family: UnimedSans;
  src: url("../fonts/unimedsans-regular-webfont.woff") format("woff");
}

/*--------TELAS-------*/
.btn--menu {
  color: #fff0c7;
}

.btn--menu:hover {
  color: #b1d34b;
}

/*--------CORES--------*/
.color__green--dark {
  color: #00995d;
}

.color__green--light {
  color: #b1d34b;
}

.color__purple {
  color: #a3238e;
}

.color__violet {
  color: #411564;
}

.color__white {
  color: #ffffff;
}

.color__beige {
  color: #fff0c7;
}

/*------------FONTES------------*/
@font-face {
  font-family: UnimedSlab;
  src: url("../fonts/unimedslab-bold-webfont.woff") format("woff");
}

@font-face {
  font-family: UnimedSlab-Black;
  src: url("../fonts/UnimedSlab-Black.otf") format("otf");
}

@font-face {
  font-family: UnimedSans;
  src: url("../fonts/unimedsans-regular-webfont.woff") format("woff");
}

/*--------TELAS-------*/
.menu {
  background-color: #00995d;
  border-bottom: 2px solid #b1d34b;
  padding: 0px 50px;
}

.menu--logo {
  height: 60px;
}

@media only screen and (max-width: 768px) {
  .menu {
    padding: 10px 30px 10px 60px;
  }
}

@media only screen and (max-width: 576px) {
  .menu {
    padding: 10px;
  }
  .menu--logo {
    height: 30px;
  }
}

/*--------CORES--------*/
.color__green--dark {
  color: #00995d;
}

.color__green--light {
  color: #b1d34b;
}

.color__purple {
  color: #a3238e;
}

.color__violet {
  color: #411564;
}

.color__white {
  color: #ffffff;
}

.color__beige {
  color: #fff0c7;
}

/*------------FONTES------------*/
@font-face {
  font-family: UnimedSlab;
  src: url("../fonts/unimedslab-bold-webfont.woff") format("woff");
}

@font-face {
  font-family: UnimedSlab-Black;
  src: url("../fonts/UnimedSlab-Black.otf") format("otf");
}

@font-face {
  font-family: UnimedSans;
  src: url("../fonts/unimedsans-regular-webfont.woff") format("woff");
}

/*--------TELAS-------*/
.card {
  padding: 10px;
  border: 0px solid transparent;
  margin: 15px 0px;
}

.card--purple {
  background-color: #a3238e;
}

.card--green--dark {
  background-color: #00995d;
}

.card--beige {
  background-color: #fff0c7;
}

.card--corner__right__down {
  border-radius: 10px 10px 0px 10px;
}

.card--corner__two__down {
  border-radius: 10px 10px 0px 0px;
}

.card--border--radius {
  border-radius: 10px;
}

.protect--your--data {
  background-image: url("../img/protect--background2.png");
  background-repeat: no-repeat;
  background-position: right;
}

.img__protect {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
}

.img__interrogation {
  background-image: url("../img/interrogation--protection.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}

@media only screen and (max-width: 576px) {
  .img__interrogation {
    height: 130px;
    background-size: contain;
    margin: 20px 0px;
  }
  .protect--your--data {
    background-image: url("../img/protect--background2.png");
    background-repeat: no-repeat;
    background-position: left;
  }
}

.collect--no--mobile {
  height: auto;
}

.collect--mobile {
  height: 0px;
  margin: 0px;
  padding: 0px;
}

.paragraph--collect {
  margin-top: 50px;
}

.card--collect {
  padding: 40px;
  margin-top: 30px;
}

.img--collect {
  margin: 50px 0px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .paragraph--collect {
    margin-top: 40px;
  }
  .card--collect {
    padding: 20px;
    margin-top: 0px;
  }
}

@media only screen and (max-width: 576px) {
  .card--collect {
    margin: 20px 0px;
  }
}

/*--------CORES--------*/
.color__green--dark {
  color: #00995d;
}

.color__green--light {
  color: #b1d34b;
}

.color__purple {
  color: #a3238e;
}

.color__violet {
  color: #411564;
}

.color__white {
  color: #ffffff;
}

.color__beige {
  color: #fff0c7;
}

/*------------FONTES------------*/
@font-face {
  font-family: UnimedSlab;
  src: url("../fonts/unimedslab-bold-webfont.woff") format("woff");
}

@font-face {
  font-family: UnimedSlab-Black;
  src: url("../fonts/UnimedSlab-Black.otf") format("otf");
}

@font-face {
  font-family: UnimedSans;
  src: url("../fonts/unimedsans-regular-webfont.woff") format("woff");
}

/*--------TELAS-------*/
.paragraph--storage {
  margin: 30px 0px;
}

.card--storage {
  background-color: #00995d;
  border: 1px solid #b1d34b;
  background-color: #b1d34b;
  padding: 0px;
}

.card--storage--tittle {
  text-align: center;
  width: 100%;
  padding: 10px;
}

.card--storage--table--internal {
  border: 2px solid #b1d34b;
  background-color: #00995d;
}

.card--storage--table--collum {
  padding: 10px 30px;
}

.card--storage--table--collum--tittle {
  width: 30%;
}

.card--storage--table--collum--data {
  width: 70%;
}

@media only screen and (max-width: 768px) {
  .card--storage--table--collum {
    padding: 10px 15px;
  }
}

.data--storage--paragraph--little {
  margin: 20px 0px;
}

.data--storage--img {
  width: 100%;
}

.data--storage--img--hourglass {
  width: 50%;
  text-align: center;
}

.card--data--storage {
  padding: 20px;
  margin: 40px 0px;
}

.card--data--storage--tittle {
  padding: 20px 0px;
}

@media only screen and (max-width: 768px) {
  .data--storage--img--hourglass {
    width: 30%;
  }
}

.external--links {
  background-image: url("../img/external--links--background.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}

.external--links--paragraph {
  margin: 20px 0px;
}

@media only screen and (max-width: 768px) {
  .external--links {
    background-position: top left;
  }
}

.more--paragraph {
  margin: 20px 0px;
}

body {
  background-color: #b1d34b;
}

header {
  padding: 60px;
}

section {
  padding: 60px;
}

footer {
  padding: 30px;
}

#protection {
  background-color: #00995d;
}

#storage {
  background-color: #00995d;
}

#external--links {
  background-color: #00995d;
}

footer {
  background-color: #00995d;
}

@media only screen and (max-width: 576px) {
  header {
    padding: 10px;
  }
  section {
    padding: 10px;
  }
  footer {
    padding: 10px;
  }
}
/*# sourceMappingURL=main.css.map */