.background
{
    background-color: black;

    color: #ffe9b4;
	
    margin-bottom: 300px;
    width:100%;
    overflow-y: hidden; 
    overflow-x: hidden;
}
.nav
{
  
    color:red;
    background-color:black;
	border-style: none;
    width:100%;
    height:130px;
    position:fixed;
    overflow: hidden;


}
.nav2
{
  text-align: right;
  color:red;
  background-color:none;
  border:2px ;
  width:70%;
  height: 100px;;
  position:fixed;
  overflow: hidden;
  margin-top: 30px;
  margin-left: 80px;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  button
  {
    background: none;
    border:0;
    color:red;
  }

  @import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");
  * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  body {
    background: black;
   	font-family: "Copperplate Gothic Light PL";
	text-align:center;
  }
  /* unvisited link */
a:link {
  color: rgb(78, 76, 76);
}

/* visited link */
a:visited {
  color: rgb(78, 76, 76);
}

/* mouse over link */
a:hover {
  color: rgb(78, 76, 76);
}

/* selected link */
a:active {
  color: rgb(78, 76, 76);
}
  
  .navMenu {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .navMenu a {
    color: #ffa000;	
    text-decoration: none;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 500;
#    display: inline-block;
    display: inline;
	  padding: 4px;
    width: 80px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

  }
  
  .navMenu a:hover {
    color: #272727;
  }
  
  .navMenu .dot {
    width: 6px;
    height: 6px;
    background: #272727;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  
  .navMenu a:nth-child(1):hover ~ .dot {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 1;
  }
  
  .navMenu a:nth-child(2):hover ~ .dot {
    -webkit-transform: translateX(110px);
    transform: translateX(110px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 1;
  }
  
  .navMenu a:nth-child(3):hover ~ .dot {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 1;
  }
  
  .navMenu a:nth-child(4):hover ~ .dot {
    -webkit-transform: translateX(285px);
    transform: translateX(285px);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 1;
  }

  	

  p.nazwa {

    margin-top: 1%;
    font-family: "Copperplate Gothic Light PL";
    font-size: 19px;
    font-weight: normal;
    #line-height: 2px;
    #color: #f5b415;
	color: #ffcd00;
    }
	
	p.tekst {

	font-size: 15px;
	font-family: "Copperplate Gothic Light PL";
	color: #ffeab8;

	}

	p.tekst2 {

	font-size: 15px;
	font-family: "Copperplate Gothic Light PL";
	color: #ffdf64;

	}
    .responsive
    {
      width: 100%;
#	  max-width: 350px;
	  max-width: 550px;

      height: auto;
    }
    .responsive2
    {
      width: 100%;
#	  max-width: 600px;
	  max-width: 800px;

      height: auto;
    }
	
	.przypis {
	font-size: 12px;
	font-family: "Copperplate Gothic Light PL";
	color: #aaaaaa;

	}
	
	.maxtext {
        max-width: 600px;
        white-space: wrap;
		margin:0 auto;
      }
	  
	  
.row {
  display: flex;
}

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