/* STYLE LAGODNAMENOPAUZA.pl */

/*
@font-face {
  font-family: 'F-Light';
  src: url('fonts/LatoLatin-Light.woff2') format('woff2'),
       url('fonts/LatoLatin-Light.ttf') format('ttf'),
       url('fonts/LatoLatin-Light.woff') format('woff');
  font-weight: light;
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'F-Bold';
  src: url('fonts/LatoLatin-Bold.woff2') format('woff2'),
       url('fonts/LatoLatin-Light.ttf') format('ttf'),
       url('fonts/LatoLatin-Bold.woff') format('woff');
  font-weight: bold;
  font-weight: 700;
  font-style: normal;
}
*/

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}


body {font-family: "Lato"; color: #00561f; font-size: 1.2rem; line-height: 1.3rem; font-weight: 300;}

a {color: inherit; transition: 0.3s; text-decoration:none;}
a:hover {color: inherit; opacity: 100%; transition: 0.3s;}

.link-stopka a {color: inherit; transition: 0.3s; text-decoration:dotted;}
.link-stopka a:hover {color: inherit; opacity: 100%; transition: 0.3s;}


.link-1 a:link, a:visited {
  background-color: inherit;
  color: #ca0071;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition-duration: 0.5s;
}

.link-1 a:hover, a:active {
  color: #fff; background-color: #ca0071; transition-duration: 0.5s;
}

.link-p1 a:link, a:visited {
  background-color: #ca0071;
  color: #fff;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition-duration: 0.5s;
}

.link-p1 a:hover, a:active {
  color: #fff; background-color: #ca0071; transition-duration: 0.5s;
}

.link-2 a:link, a:visited {
  background-color: inherit;
  color: #00561f;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition-duration: 0.5s;
}

.link-2 a:hover, a:active {
  color: #fff; background-color: #00561f; transition-duration: 0.5s;
}

.link-p2 a:link {
  background-color: #00561f;
  color: #fff;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition-duration: 0.5s;
}

.link-p2 a:visited {
  background-color: #00561f;
  color: #fff;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition-duration: 0.5s;
}

.link-p2 a:hover, a:active {
  color: #00561f; background-color: #fff; transition-duration: 0.5s;
}

.link-stopka a:link, a:visited {
  background-color: inherit;
  color: inherit;
  padding: 7px 9px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-block-end: dotted;
   transition-duration: 1.5s;
}

.link-stopka a:hover, a:active {
  color: #fff; background-color: #00561f;
   transition-duration: 0.5s;
}






h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif; font-weight: 300;}

b {font-weight: 700;}

.kolor-1 {color: #ca0071;}
.kolor-2 {color: #00561f;}
.kolor-3 {color: #fff;}

.kolor-6 {color: #aaa;}

.kolor-tlo-1 {background-color: #ffeef2;}
.kolor-tlo-2 {background-color: #efe2d9;}
.kolor-tlo-3 {background-color: #00561f;}
.kolor-tlo-5 {background-color: #ddf2de;}

.ramka-1 {color:#ca0071; background-color: inherit; border: 1px solid #ca0071; border-radius: 0.8rem;} 
.ramka-3 {color:#fff; background-color: #00561f; border: 1px solid #00561f;} 
.ramka-4 {color:#fff; background-color: #ca0071; border: 1px solid #ca0071;} 

.ramka-dol-2 {border-bottom: 0.5px solid #00561f;} 

.btn-pole {border: 0.5px solid #00561f; background-color: #00561f; border-radius: 0.1rem; color: #fff;} 
.btn-pole:hover {color:#fff; background-color: #00561f; border: 0.5px solid #00561f;} 

.btn-ramka-1 {color: #ca0071; border: 1px solid #ca0071; border-radius: 1.2rem} 
.btn-ramka-1:hover {color:#fff; background-color: #ca0071; border: 1px solid #ca0071;} 
.btn-ramka-1-on {color:#fff; background-color: #ca0071; border: 1px solid #ca0071; border-radius: 1.2rem;} 

.btn-ramka-2 {color: #00561f; border: 0.5px solid #00561f; border-radius: 1.2rem} 
.btn-ramka-2:hover {color:#fff; background-color: #00561f; border: 0.5px solid #00561f;} 
.btn-ramka-2-on {color:#fff; background-color: #00561f; border: 0.5px solid #00561f; border-radius: 1.2rem; padding-right: 0.75rem; padding-left: 0.75rem; padding-top: 0.375rem; padding-bottom: 0.375rem;} 

.btn-ramka {border: 0.5px solid #00561f; border-radius: 1.2rem} 
.btn-ramka:hover {color:#fff; background-color: #00561f; border: 0.5px solid #00561f;} 

.menu-akcent {color: #ca0071; background-color: inherit; transition: 0.5s border 1px none #00561f; border-radius: 0.8rem;}
.menu-akcent:hover {color:#fff; background-color: #ca0071; border: 1px solid #aaaaaa; transition: 0.5s; border-radius: 0.8rem;} 

.ramka {border: 0.05rem solid #000; border-radius: 0.8rem}

.weziej {max-width: 70%; width: 70%; margin: 0 auto;}

.t-1 {font-size: 2.6rem; line-height: 2.3rem;} 
.t-2 {font-size: 2.0rem; line-height: 2.6rem;} 
.t-3 {font-size: 1.9rem; line-height: 2.3rem;} 
.t-4 {font-size: 1.3rem; line-height: 1.5rem;} 
.t-5 {font-size: 1.2rem; line-height: 1.5rem;} 
.t-6 {font-size: 1.0rem; line-height: 1.2rem;} 

@media (max-width: 991px) {
.weziej {max-width: 100%; width: 100%}
}

@media (max-width: 767px) {
body {font-size: 1.2rem; line-height: 1.3rem;}
.t-1 {font-size: 2.6rem; line-height: 2.3rem;} 
.t-2 {font-size: 1.6rem; line-height: 2.4rem;} 
.t-3 {font-size: 1.5rem; line-height: 1.8rem;} 
.t-4 {font-size: 1.1rem; line-height: 1.6rem;} 
.t-5 {font-size: 1.2rem; line-height: 1.5rem;} 
.t-6 {font-size: 0.8rem; line-height: 1.2rem;} 
.weziej {max-width: 100%; width: 100%}
}

@media (max-width: 575px) {
.weziej {max-width: 100%; width: 100%}
}