body{
  background-image:url('images/mood/sun ra.jpg');
    background-size: 100% 100%;
}
.header1{
  background-image:url('images/mood/prima.jpg');
  text-align:center;
  filter:invert(100%);
}

.gallery4{
  display: flex;
   background-image:url('images/mood/volume.jpg');
  text-align:center;
 flex-wrap: wrap;
  justify-content: flex-start;

 margin-right:400px;

}

.gallery-item4 {
  margin: 0px;
 border: 1px solid #ccc;
  width: 180px;
  color: #FDF5E6;
  text-align:center;
  
}




.gallery-item4 img {
  width: 100%;
  height: auto;
  color: #FDF5E6;
  text-align:center;

}

.gallery-item4{
  padding: 15px;
  text-align: center;
  color: #FDF5E6;
}
.gallery4{
  display: flex;
   
  text-align:center;
 flex-wrap: wrap;
  justify-content: flex-start;

 
}

.gallery-item4 {
  margin: 0px;
 border: 1px solid #ccc;
  width: 180px;
  color: #FDF5E6;
  text-align:center;
  
}




.gallery-item4 img {
  width: 100%;
  height: auto;
  color: #FDF5E6;
  text-align:center;

}

.gallery-item4 {
  padding: 15px;
  text-align: center;
  color: #FDF5E6;
}

.desc4{
  background-image:url('images/background/tie.png');
  color:black;
font-family:"Courier New" , monospace;

}
 .p8{ background-image:url("images/background/this.png");
text-align:center;
 color: white;

}
.p7{ background-image:url("images/background/this2.png");
text-align:center;
 color: white;

}



.p4{

 font-size: 20px;
 font-family: "apple chancery",cursive;
  color: white;
  text-align: center;

  text-shadow:
    3px 1px 2px black,
    0 0 1em #00FF7F,
    0 0 0.2em #00FF7F;
        
   background-color:lavender;

  
    
   
      background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;
animation: scale_shift1 5s 0s linear infinite;
}
@keyframes scale_shift1 {
  0% {transform: scale(1,1); }
  
  50% {transform: scale(.9,.8);}
  
  100% {transform: scale(1,1);}}
  
  
  
  .row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0px;
 
  background-size: 100% 100%;
}
.rowheader{ text-align:center;
text-shadow:
    4px 9px 4px white,
    0 0 1em black,
    0 0 0.2em white;
    font-family: "2ndfont";
    font-size:25px;
    padding:0px;
}
/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 0px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}