body, html {
  background-color: #FDFDE7 !important;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
}

p {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
}

.topp p {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5em;
}

hr {
  height: 2px;
  background-color: #4c2725;
}

.bg-main {
  background-color: #FDFDE7;
}

.bg-second {
  background-color: #E9E9E9;
}

.bg-textbox {
  background-color: #4c2725;
}

.text-color-h1 {
  color: #4c2725;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 4.2em;
}

.bilder-tre h3 {
  color: #4c2725;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 2em;
}

.text-color-h2 {
  color: #4c2725;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.5em;
}
.text-color-h2-footer {
  color: white;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.5em;
}

.t-punch {
  font-size: 1.2em;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
}

nav {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
}

.material-symbols-outlined {
  color: #7ac943;
  font-size: 35px!important;
}

.bilder-tre .material-symbols-outlined {
  color: #7ac943;
  font-size: 50px!important;
}

.bilder-tre img {
  border-radius: 15px;
}

.bilder-tre a:link, a:visited {
  color: #7ac943;
  font-size: 1.5em;
  font-style: italic;
}

.produkter p {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
}

#produkt1 {
  min-height: 800px;
  background-color: black;
  color: white;
  border-radius: 15px;
  background-image: url(img/2-bokser-reddiker.jpg);
  background-size: cover;
  background-repeat: none;
}
#produkt2 {
  min-height: 800px;
  background-color: black;
  color: white;
  border-radius: 15px;
  background-image: url(img/2-bokser-solsikker.jpg);
  background-size: cover;
  background-repeat: none;
  background-position: center center;
}
#produkt1 .row {
  background-color: #223f2e;
  border-radius: 15px;
}
#produkt2 .row {
  background-color: #223f2e;
  border-radius: 15px;
}

footer {
  background-color: #1a1a1a;
  color: white;
  padding: 20px;
  width:100%;
}
footer p {
  font-size: 1em;
}

footer .btn-footer {
  background-color: white!important;
  color: #1a1a1a!important;
}
footer .btn-footer:hover {
  background-color: #1a1a1a!important;
  color: white!important;
}