@font-face {
  font-family: oswaldSemiBold;
  src: url(../fonts/Oswald-SemiBold.ttf); }
@media (max-width: 690px) {
  body {
    font-size: 12px; } }
@font-face {
  font-family: oswaldSemi;
  src: url(../fonts/Oswald-VariableFont_wght.ttf); }
button:active, button:focus, input:active, input:focus, textarea:active, textarea:focus {
  outline: none; }

nav {
  background-color: white;
  box-shadow: #0000006e 0px 0px 10px; }
  nav a.nav-link {
    color: #0f3355;
    font-size: 19px;
    font-family: oswaldSemi, sans-serif; }
    @media (max-width: 1700px) {
      nav a.nav-link {
        font-size: 16px; } }
  nav a.nav-link:active, nav a.nav-link:hover, nav .nav-item.active a.nav-link, nav .nav-item.dropdown.show > a {
    color: #b81a1f;
    text-decoration: underline; }
  nav .navbar-brand {
    color: #0f3355;
    font-family: roboto;
    padding-top: 15px;
    padding-bottom: 15px; }
    @media (max-width: 992px) {
      nav .navbar-brand {
        padding-top: 0px;
        padding-bottom: 0px; } }
  @media (max-width: 992px) {
    nav .navbar-collapse {
      margin-top: 20px;
      margin-bottom: 15px; } }
  nav .nav-item {
    padding: 0px 3px; }
  nav .nav-item.contact {
    color: #0f3355;
    font-size: 19px;
    font-family: oswaldSemi, sans-serif; }
    @media (max-width: 1700px) {
      nav .nav-item.contact {
        font-size: 16px; } }
  @media (max-width: 992px) {
    nav .nav-item.contact:first-child {
      margin-top: 20px; } }
  nav .container {
    padding-top: 4px;
    padding-bottom: 4px; }
  @media (min-width: 992px) {
    nav .nav-item.contact:last-child {
      border-left: solid 1px;
      padding-left: 10px;
      margin-left: 10px; }
    nav .nav-item.contact a {
      padding-top: 1px;
      padding-bottom: 1px; } }
  nav .dropdown-item {
    font-style: italic;
    font-size: 17px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 37px; }
    @media (max-width: 1700px) {
      nav .dropdown-item {
        font-style: italic;
        font-size: 15px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 32px; } }
    @media (max-width: 992px) {
      nav .dropdown-item {
        padding-left: 5px; } }
  nav .dropdown-item.active, nav .dropdown-item:active, nav .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #b81a1f; }
  nav .dropdown-menu.show {
    width: 280px;
    left: -51px;
    border: none;
    padding-top: 30px;
    padding-bottom: 40px; }
    @media (max-width: 1700px) {
      nav .dropdown-menu.show {
        width: 200px;
        left: -28px;
        border: none;
        padding-top: 29px;
        padding-bottom: 19px; } }
    @media (max-width: 992px) {
      nav .dropdown-menu.show {
        width: 200px;
        border: none;
        padding-top: 7px;
        padding-bottom: 19px; } }
  @media (min-width: 992px) {
    nav .navbar-nav.centering {
      position: absolute;
      width: 368px;
      text-align: center;
      left: 50%;
      margin-left: -184px !important; } }
  nav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

header.masthead {
  height: 60vh;
  margin-top: 110px;
  background-image: url("../images/titleImage.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center; }
  header.masthead .banner {
    width: 1144px; }
  .social {
    color: #b81a1f; }
  .social:hover {
    color: #fffff; }
  @media (max-width: 992px) {
    header.masthead {
	  margin-top: 60px;
      min-height: 445px; } }

h1 {
  color: white;
  font-size: 110px;
  text-shadow: 2px 2px 5px black;
  font-family: oswaldSemi, sans-serif;
  font-weight: bold; }
  @media (max-width: 1700px) {
    h1 {
      font-size: 80px; } }
  @media (max-width: 992px) {
    h1 {
      font-size: 55px; } }
  @media (max-width: 690px) {
    h1 {
      font-size: 40px; } }
#nadpis-textova-podstranka {
  background-color: #051d33;
  color: white;
  text-align: center;
  padding: 185px 0px 50px;
  margin-top: 2px; }

#about {
  background-color: #051d33;
  color: white;
  text-align: center;
  padding: 35px 0px;
  margin-top: 2px; }
   #nadpis-textova-podstranka h2 {
    color: white;
    font-size: 40px;
    font-family: oswaldSemi, sans-serif; }
 #about h2 {
    color: white;
    font-size: 40px;
    font-family: oswaldSemi, sans-serif; }
    @media (max-width: 992px) {
      #nadpis-textova-podstranka h2 {
        font-size: 40px; }
	  #about h2 {
        font-size: 40px; } }
    @media (max-width: 690px) {
      #nadpis-textova-podstranka h2 {
        font-size: 25px; }
	  #about h2 {
        font-size: 25px; }
#nadpis-textova-podstranka {
  padding: 135px 0px 50px;
  font-size: 25px;  } }
    #nadpis-textova-podstranka #aboutText {
    padding: 0px 20px;
    padding-top: 13px;
    margin-bottom: 20px;
    font-size: 17px;
    font-family: oswaldSemi, sans-serif; }
  #nadpis-textova-podstranka #aboutText {
    padding: 0px 20px;
    padding-top: 13px;
    margin-bottom: 20px;
    font-size: 17px;
    font-family: oswaldSemi, sans-serif; }
  #about #aboutText {
    padding: 0px 20px;
    padding-top: 13px;
    margin-bottom: 20px;
    font-size: 17px;
    font-family: oswaldSemi, sans-serif; }
    @media (max-width: 690px) {
      #nadpis-textova-podstranka #aboutText {
        font-size: 12px; }
	  #about #aboutText {
        font-size: 12px; } }	

section.section {
  padding-top: 55px;
  padding-bottom: 55px; }
  section.section h3, section.section h4, section.section h5 {
    color: #0f3355;
    font-size: 50px;
    margin-top: 20px;
    font-family: oswaldSemi, sans-serif; }
    @media (max-width: 992px) {
      section.section h3, section.section h4, section.section h5 {
        margin-top: 35px;
        font-size: 40px; } }
    @media (max-width: 690px) {
      section.section h3, section.section h4, section.section h5 {
        font-size: 25px; } }
  section.section .description {
    text-align: justify;
    padding: 15px 0px;
    font-size: 16px;
    font-family: oswaldSemi, sans-serif; }
  section.section .thumbnailOut {
    background-color: white;
    width: fit-content; }
    section.section .thumbnailOut .thumbnail {
      padding: 22px;
      box-shadow: #00000052 0px 0px 7px; }
section.section .readMore {
    border: 4px solid #c02026;
    color: #051d33;
    float: left;
    padding: 16px 43px;
    border-radius: 7px;
    margin-top: 20px;
    transition: all, 0.25s;
    font-size: 16px;
    font-family: oswaldSemi, sans-serif; }
  section.section .readMore:hover {
    background-color: #b81a1f;
    color: white;
    float: left;
    padding: 16px 43px;
    border-radius: 7px;
    margin-top: 20px;
    transition: all, 0.25s;
    font-size: 16px;
    font-family: oswaldSemi, sans-serif; }
  section.section .vertical-center-col {
    display: flex;
    align-items: center; }
	
.cennik:hover {
    background-color: #fff;
	color: #051d33;
    padding: 16px 43px;
    border-radius: 7px;
    margin-top: 20px;
    transition: all, 0.25s;
    font-size: 16px;
    font-family: oswaldSemi, sans-serif; }
.cennik {
    background-color: #b81a1f;
    color: white;
    padding: 16px 43px;
    border-radius: 7px;
    margin-top: 20px;
    transition: all, 0.25s;
    font-size: 16px;
    font-family: oswaldSemi, sans-serif; }

.telefon {
    color: #b81a1f; }
	
.telefon:hover {
    color: #b81a1f; }

section.section.light {
  background-color: white; }
  section.section.light .thumbnailOut {
    margin-left: 30px; }
    @media (max-width: 992px) {
      section.section.light .thumbnailOut {
        margin: auto; } }
  @media (max-width: 992px) {
    section.section.light .row {
      flex-flow: column-reverse; } }

section.section.dark {
  background-color: #f4f4f4; }
  section.section.dark .thumbnailOut {
    margin-right: 30px; }
    @media (max-width: 992px) {
      section.section.dark .thumbnailOut {
        margin: auto; } }

section.section.darkest {
  background-color: #051d33; }

section#clients {
  text-align: center; }
  section#clients .description {
    text-align: center;
    margin-bottom: 35px;
    padding-top: 15px;
    font-size: 16px;
    font-family: oswaldSemi, sans-serif; }
    @media (max-width: 690px) {
      section#clients .description {
        font-size: 12px; } }
  section#clients img {
    box-shadow: #90909085 0px 0px 15px; }
  @media (max-width: 992px) {
    section#clients .clients {
      display: block;
      overflow: hidden; }
    section#clients .col {
      padding-bottom: 10px;
      display: block;
      float: left;
      width: 50%;
      padding-top: 10px; } }

section#contact {
  color: white; }
  section#contact h5 {
    color: white; }
  section#contact .sendContact {
    background-color: #b81a1f;
    color: white;
    float: left;
    padding: 16px 43px;
    border: none;
    border-radius: 7px;
    margin-top: 35px;
    transition: all, 0.25s;
    font-size: 16px;
    font-family: oswaldSemi, sans-serif; }
  section#contact .sendContact:hover {
    background-color: white;
    color: black; }
  section#contact input[type="text"], section#contact input[type="email"], section#contact textarea {
    border: solid 1px #0f3355;
    border-radius: 7px;
    font-size: 13px;
    padding: 35px 26px;
    margin-top: 25px; }
    @media (max-width: 690px) {
      section#contact input[type="text"], section#contact input[type="email"], section#contact textarea {
        font-size: 12px;
        padding: 21px 20px; } }
  section#contact .alert {
    margin-top: 15px; }
  section#contact .invalid-feedback {
    font-size: 13px; }
  section#contact .item {
    font-size: 16px; }
    @media (max-width: 700px) {
      section#contact .item {
        font-size: 14px;
        text-align: left; } }
  @media (max-width: 700px) {
    section#contact .item:first-child {
      margin-top: 25px; } }
  section#contact .line {
    margin-top: 45px;
    height: 2px;
    width: 100%;
    background-color: white; }
  section#contact #copyright {
    font-size: 16px;
    font-family: oswaldSemi, sans-serif;
    text-align: center;
    margin-top: 45px; }
    @media (max-width: 700px) {
      section#contact #copyright {
        font-size: 13px; } }
    section#contact #copyright a {
      color: white;
      text-decoration: underline; }
    section#contact #copyright a:hover, section#contact #copyright a:visited, section#contact #copyright a:active, section#contact #copyright a:focus {
      color: white;
      text-decoration: underline; }

section#advert h4 {
  font-size: 25px; }

#recapxcha {
  display: none; }

@media (min-width: 1500px) {
  .container {
    width: 1500px;
    max-width: 1500px; } }
#recaptcha {
  display: none; }

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