@font-face {
  font-family:polishHighway;
  src:url("Drogowskaz.ttf");
}
html {
  font-family:polishHighway;
}
#div3 p {
  padding:1px;
  margin:1px;
  font-size:9px;
}
body {
  background-image: url(background1.jpg);
  background-attachment: fixed;
  background-size:auto;
  text-align: center;
  overflow-wrap: break-word;
}
p {
  font-size: 20px;
  text-align:center;
  margin:50px;
  font-weight:700
}
h1 {
  text-align: center;
  font-size: 60px;
}
h2 {
  font-size: 35px;
}
h3 {
  padding:0px;
}
img {
  display: inline;
  object-fit: contain;
  border-radius:5px;
}
video {
  background-color:black;
  border-radius:5px;
}
#image1 {
  border-width:3px;
  border-radius:5px;
  border-style:solid;
  border-color:#f7f1d7;
  display: block;
  margin: auto;
  text-align: center;
  background-color:antiquewhite
}
#div1 {
  background-image: url(background2.jpg);
  color:white;
}
#div1 img {
  background-color:#68ee82;
  border-color:#68ee82;
  width:70%;
}
#div2 {
  background-image: url(background3.jpg);
  background-color: antiquewhite;
  color: #3a2120 ;
  border-width:2px;
  border-radius:3px;
  border-style:solid;  
  border-color: darkslategrey;

}
#div3 {
  background-color: #40E0D0;
  color:white;
   background-image: url(background4.jpg);
}
#div4 {
  background-image: url(background5.jpg);
}
#div5{
  background-image: url(background2.jpg);
}
.row {
  display: flex;
}

.column {
  flex: 25%;
  padding: 5px;
  border-style:solid;
  border-width:0px;
  border-color:darkslategray;
  border-radius:4px;
  margin:2px;
}
#div1,#div2,#div3,#div4,#div5 {
  margin-left:auto;
  margin-right:auto;
  margin-bottom:15px;
  justify-content:center;
  border: ridge #6072db 10px;
  border-radius: 5px;
  padding:5px;
}

/* desktop/landscape mode screens */
@media (min-aspect-ratio:1/1) {
  #div1,#div2,#div3,#div4,#div5 {
     width:65%;
   }
}
/*wider screens*/
@media (min-aspect-ratio:10/5) {
  #div1,#div2,#div3,#div4,#div5 {
     width:50%;
    
   }
  #div3 img {
    width:60%
  }
}
/* mobile/ portrait mode screens */
@media (max-aspect-ratio:1/1) {
  #div1,#div2,#div3,#div4,#div5 {
    width:80%;
  } p, h3 {
    font-size:15px;
  }
  h1 {
    font-size:35px;
  }
}