body {
    font-family: 'Open Sans', sans-serif;
    background-color: aquamarine;
}

header{margin-bottom: 3em;}

p {
  
  text-align: justify;
  text-justify: inter-word;
}

.sredina { text-align: center;}

i {color: darkblue}

.btn-primary {
    --bs-btn-bg: darkblue;
    --bs-btn-border-color: darkblue;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: darkcyan;
    --bs-btn-hover-border-color: darkcyan;
    --bs-btn-active-bg: darkblue;
    --bs-btn-active-border-color: darkblue;
    --bs-btn-disabled-bg: darkblue;
    --bs-btn-disabled-border-color: darkblue;
}

.center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

footer{background-color: mediumaquamarine;
    text-align: center;
    color: black;
}

.photo-gallery {
  color:#313437;
  background-color:aquamarine;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) 
{
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}