h1 { font-family: "Open Sans"; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; text-align: left;}
h2 { font-family: "Open Sans"; font-size: 19px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 19.4px; text-align: left; 
  background-color: #3E7C93; padding: 5px; color:#f1f1f1}
h3 { font-family: "Open Sans"; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; }
p { font-family: "Open Sans"; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; }
div {font-family: "Open Sans"; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; }
blockquote { font-family: "Open Sans"; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; }
pre { font-family: "Open Sans"; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; }
.podpis {font-family: "Open Sans"; font-size: 13px; font-style: italic; font-variant: normal; font-weight: 400; line-height: 15px;}

body {
    max-width: 1000px;
    margin: 0 auto;
    text-align: justify;
}

div {
    padding: 5px;
}

.container {
  padding: 0px;
}

.col-md-2 {
  padding: 0px;
}

.col-md-7 {
  padding: 0px;
}

.row {
  display: flex;
}

.column {
  flex: 30%;
  padding: 5px;
}

.column2 {
  flex: 50%;
  padding: 5px;
}

.column4 {
  flex: 20%;
  padding: 5px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /*width: 80%;*/
}

.nav-link{
  color: #333333;
}

.nav-pills{
  /* background-color: #f1f1f2;*/
  color: #3E7C93;
}

.nav-pills .nav-link.active {
  background-color: #3E7C93;
}

.btn-primary {
width: 180px;
height: 30px;
padding: 5px;
color: #3E7C93;
background-color: #f1f1f2;
border-color: #f1f1f2;
text-align: center;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
}

.btn-secondary {
min-width: 40px;
max-width: 40px;
height: 40px;
padding: 5px;
color: #3E7C93;
background-color: #f1f1f2;
border-color: #f1f1f2;
margin-right: 0.1rem;
margin-bottom: 0.1rem;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
  background-color: #8aadba;
  color: #ffffff;
  border-color: #ffffff;
  outline: none !important;
  box-shadow: none;
}

.banner {
  background-color: #3E7C93;
  padding: 10px;
  text-align: center;
  width: 100%;
}

div.h4 {
  font-family: "Open Sans"; 
  /*font-size: 36px; */
  /* font-size: 2.5vw; */
  font-style: normal; 
  font-variant: normal; 
  font-weight: 700; 
  line-height: 15.4px; 
  color: #f1f1f2;
  background-color: #3E7C93;
  padding: 15px;
}

footer {
  text-align: center;
  padding: 3px;
  background-color: #3E7C93;
  color: white;
}

.image-container {
  display: flex;
  flex-wrap: wrap;
}

.image-container figure {
  width: 25%;
  text-align: center;
  margin: 0;
  padding: 2.5px;
}

.image-container img {
  width: 100%;
  height: auto;
}

.gore-day1,
.gore-day2,
.gore-day3,
.gore-day4 {
  font-weight: bold;
  font-size: 15px;
  padding: 2.5px;
} 


@media screen and (max-width: 348px) {
  div.h4 {
    font-size: 20px;
  }
}

@media screen and (max-width: 298px) {
  div.h4 {
    font-size: 15px;
  }
}

/* @media screen and (max-width: 768px) {
    .column {
      flex: 100%;
    }
  }
/*