/*
Theme Name: SÝROMAT
Author: MARVIO agency s.r.o.
Author URI: http://marvio.cz
Description: Prodej kvalitních sýrů z prodejních automatů.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

body {
font-family: 'QuickSand', sans-serif!important;
}

h1 {
  font-size: 4rem!important;
  font-weight: 700!important;
  letter-spacing: -0.25rem!important;
  padding-bottom: 20px!important;
  color: #0F172A!important;
}

@media (min-width: 1000px) {
h1 {
  font-size: 4.5rem!important;
}}

@media (max-width: 700px) {
h1 {
  text-align: center!important
}}

@media (min-width: 1000px) {
.title-white {
  background-color: #FFF!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  border-radius: 20px!important;
}}

h2 {
  font-size: 3.3rem!important;
  font-weight: 700!important;
  color: #0F172A!important;
}

h3 {
  font-size: 1.7rem!important;
  font-weight: 600!important;
  color: #0F172A!important;
}

h4 {
  font-size: 1.7rem!important;
  font-weight: 500!important;
}

p {
  padding: 0!important;
  margin: 0!important;
  font-size: 1.4rem!important;
  color: #0F172A!important;
  font-weight: 500!important;
}

p > a {
  color: #0F172A!important;
  font-weight: 700!important;
  text-decoration: none!important;
}

p > a:hover {
  text-decoration: underline!important;
}

.py-8 {
  padding-top: 80px!important;
  padding-bottom: 80px!important;
}

.pb-8 {
  padding-bottom: 80px!important;
}

@media (min-width: 1000px) {
.title-h1-content > img {
  max-width: 30%!important;
}}

p.number {
  font-size: 4rem!important;
  font-weight: 700!important;
  color: #0F172A!important;
  padding: 0px!important;
  margin: 0px!important;
}

.product-detail {
  background-color: #FFF!important;
  border-radius: 20px!important;
}

.white-bg {
  background-color: #FFF!important;
  padding-top: 20px!important;
  padding-bottom: 20px!important;
  border-radius: 20px!important;
}

@media (min-width: 1000px) {
.white-bg {
  background-color: #FFF!important;
  max-width: 60%!important;
  margin-left: auto!important;
  margin-right: auto!important;
  padding-top: 20px!important;
  padding-bottom: 20px!important;
  border-radius: 20px!important;
}}