body, html {
  margin: 0;
  padding: 0; }

main {
  padding: 50px 0 100px;
  background: #e9eaea; }
  @media (max-width: 767px) {
    main {
      padding: 25px 0 50px; } }

.container {
  width: 900px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 991px) {
    .container {
      width: 720px; } }
  @media (max-width: 767px) {
    .container {
      width: 100%; } }

.visible-xs {
  display: none; }
  @media (max-width: 767px) {
    .visible-xs {
      display: block; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none; } }

h1, h2, h3, h4, h5, h6, ul, ol, p {
  margin: 0;
  padding: 0; }

.text, .title, p, h2 {
  color: #000000;
  text-align: justify; }

.text, p {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: 0.4px; }
  .text:not(:first-of-type), p:not(:first-of-type) {
    margin-top: 25px; }
  @media (max-width: 767px) {
    .text, p {
      font-size: 17px;
      font-weight: 400;
      line-height: 24px;
      margin: 15px 0;
      hyphens: auto; } }

.title, h2 {
  font-size: 25px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: 0.5px;
  margin-top: 35px; }
  @media (max-width: 767px) {
    .title, h2 {
      font-size: 22px;
      margin: 35px 0 15px;
      line-height: 30px; } }

.item span {
  font-size: 22px;
  font-weight: 400;
  text-decoration: underline;
  letter-spacing: 0.5px;
  cursor: pointer;
  margin-top: 25px; }

* {
  font-family: "Roboto", sans-serif;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: block;
  width: 100%; }

.home__carousel {
  max-width: 595px;
  margin: 0 auto; }
.home__logo {
  max-width: 455px;
  margin: 80px auto 145px; }
  @media (max-width: 767px) {
    .home__logo {
      max-width: 200px;
      margin: 30px auto; } }
.home__arrow-down {
  width: 25px;
  margin: 35px auto 30px; }
@media (max-width: 767px) {
  .home .article {
    height: 273px;
    overflow: hidden; } }
.home .article.active {
  height: auto; }

.footer {
  text-align: center;
  background: #6ec59a;
  padding: 50px 0; }
  @media (max-width: 767px) {
    .footer {
      text-align: left; } }
  .footer h2 {
    margin: 0;
    text-align: center; }
    @media (max-width: 767px) {
      .footer h2 {
        text-align: left; } }
  .footer p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.15px;
    max-width: 400px;
    margin: 15px auto 0;
    text-align: center; }
    .footer p a {
      color: inherit;
      text-decoration: none;
      display: inline-block; }
    @media (max-width: 767px) {
      .footer p {
        margin-left: 0;
        text-align: left; }
        .footer p span, .footer p a {
          display: block; } }

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