@media (max-width: 1254px) {
  body .container-hero {
    align-items: center;
  }
  body .container-hero img {
    width: 500px;
    height: auto;
  }
}
@media (max-width: 1164px) {
  body .container-hero {
    align-items: center;
  }
  body .container-hero img {
    width: 400px;
    height: auto;
  }
}
@media (max-width: 1064px) {
  body .container-header-links ul {
    display: none;
  }
  body .container-header-links button {
    display: none;
  }
  body .container-header-links-burger-icon {
    display: block;
  }
  body .container-hero {
    flex-direction: column-reverse;
    justify-content: center;
  }
  body .container-hero img {
    width: auto;
  }
  body .container-hero-text {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body .container-hero-text h1 {
    text-align: center;
  }
  body .container-hero-text p {
    text-align: center;
  }
  body .container-features ul {
    flex-direction: column;
    align-items: center;
    row-gap: 40px;
    margin-top: 40px;
  }
  body .container-bookmark {
    flex-direction: column;
    align-items: center;
    row-gap: 69px;
  }
  body .container-bookmark-text {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body .container-bookmark-text h4 {
    text-align: center;
  }
  body .container-bookmark-text p {
    text-align: center;
  }
  body .container-extension ul {
    flex-direction: column;
    row-gap: 40px;
  }
  body .container-extension ul .add-opera {
    margin-top: 0;
  }
  body .call-to-action-content-inputs {
    width: 100%;
    flex-direction: column;
    row-gap: 16px;
  }
  body .call-to-action-content-inputs input {
    width: 100%;
    padding-left: 0;
  }
  body .call-to-action-content-inputs input::-moz-placeholder {
    padding-left: 20px;
  }
  body .call-to-action-content-inputs input::placeholder {
    padding-left: 20px;
  }
  body .call-to-action-content-inputs button {
    width: 100%;
  }
  body .footer-blog {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 48px;
  }
  body .footer-blog-links {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 40px;
  }
  body .footer-blog-links ul {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 32px;
  }
}
@media (max-width: 768px) {
  body .container-header {
    padding-left: 32px;
    padding-right: 32px;
  }
  body .container-hero {
    padding-left: 32px;
    padding-right: 32px;
  }
  body .container-hero-text h1 {
    font-family: Rubik;
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.09px;
    text-align: center;
  }
  body .container-hero-text p {
    font-family: Rubik;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
  }
  body .container-hero-text-hero-buttons {
    flex-direction: column;
  }
  body .container-hero-text-hero-buttons .chrome {
    width: 140px;
  }
  body .container-hero-text-hero-buttons .firefox {
    width: 140px;
  }
  body .container-hero img {
    max-width: 310px;
  }
  body .container-features {
    padding-left: 32px;
    padding-right: 32px;
  }
  body .container-features h4 {
    font-family: Rubik;
    font-weight: 500;
    font-size: 24px;
    line-height: 52px;
    letter-spacing: -0.08px;
    text-align: center;
  }
  body .container-features p {
    font-family: Rubik;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
  }
  body .container-features ul li a {
    font-family: Rubik;
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.53px;
    text-align: center;
  }
  body .container-bookmark {
    padding-left: 32px;
    padding-right: 32px;
  }
  body .container-bookmark img {
    max-width: 310px;
  }
  body .container-bookmark-text h4 {
    font-family: Rubik;
    font-weight: 500;
    font-size: 24px;
    line-height: 52px;
    letter-spacing: -0.08px;
    text-align: center;
  }
  body .container-bookmark-text p {
    font-family: Rubik;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
  }
  body .container-extension {
    padding-left: 32px;
    padding-right: 32px;
  }
  body .container-extension h4 {
    font-family: Rubik;
    font-weight: 500;
    font-size: 24px;
    line-height: 52px;
    letter-spacing: -0.08px;
    text-align: center;
  }
  body .container-extension p {
    font-family: Rubik;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
  }
  body .container-faq {
    padding-left: 32px;
    padding-right: 32px;
  }
  body .container-faq h4 {
    font-family: Rubik;
    font-weight: 500;
    font-size: 24px;
    line-height: 52px;
    letter-spacing: -0.08px;
    text-align: center;
  }
  body .container-faq p {
    font-family: Rubik;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: center;
  }
  body .container-faq-questions button {
    font-family: Rubik;
    font-weight: 400;
    font-size: 15px;
    line-height: 32px;
    letter-spacing: 0px;
  }
  body .call-to-action-content {
    padding-left: 32px;
    padding-right: 32px;
  }
  body .call-to-action-content span {
    font-family: Rubik;
    font-weight: 500;
    font-size: 12px;
    line-height: 40px;
    letter-spacing: 4.62px;
    text-align: center;
  }
  body .call-to-action-content h5 {
    font-family: Rubik;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.08px;
    text-align: center;
  }
  body .footer-blog {
    padding-left: 32px;
    padding-right: 32px;
  }
}/*# sourceMappingURL=media.css.map */