body {
  margin: 10;
  padding: 10;
  font-family: 'Raleway', sans-serif;
  background-color: #000;
  background-image: url("../imgs/lazurszop.jpg");
  background-size: cover;
  background-position: center;
}
.container {
    display: flex;
    flex-wrap: wrap;
  }
  .box {
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #000;
  }
  @media (max-width: 600px) {
    .box {
      width: 100%;
    }
  }
.text-container {

  display: flex;
  justify-content: center;
  align-items: center;
}
.text-container h1{
  margin: 0;
  font-size: 100px;
  color: rgba(225,225,225, .01);
  background-image: url("../imgs/lazurszop.jpg");
  background-repeat: repeat;
  -webkit-background-clip:text;
  animation: animate 155s ease-in-out infinite;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
}
  @keyframes animate {
    0%, 100% {
      background-position: left top;
    }
    25%{
      background-position: right bottom;
     }
    50% {
      background-position: left bottom;
    }
    75% {
      background-position: right top;
    }   
}
        h1 {
            font-size: 5em;
            text-align: center;
            text-shadow: 2px 2px 4px ;
			font-family: "ethnocentric";
        }
        @media (max-width: 600px) {
            h1 {
                font-size: 3em;
            }
        }

		@font-face {
			font-family: "ethnocentric";
			src: url("../fonts/ethnocentric rg.otf");
		}

        h2 {
            font-size: 2em;
            text-align: center;
            text-shadow: 2px 2px 4px ;
			font-family: "ethnocentric";
			
        }
        h3 {
            font-size: 1em;
            text-align: center;
            text-shadow: 0px 0px 0px ;
			font-family: "ethnocentric";
			color: #FFFFFF;
			
        }		
		
		
		
a[href^="mailto:"] {
  font-family: "ethnocentric";
  color: white;
  font-size: 20px;
}






button {
  color: #fff;
  font-weight: bold;
  font-size: 16pt;
  border: 4px outset #070;
  border-radius: 1em;
  background-color: #000;
  padding: 0.3em 1em;
}

.pulse {
  animation: pulse 2s infinite;
  -webkit-animation: pulse 2s infinite;
}


@keyframes pulse {
  0% {color: #888; background-color: #000; text-shadow: 0 0 9px rgba(255,255,000,0);}
  50% {color: #fff; background-color: #222; text-shadow: 0 0 9px rgba(255,255,000,0.75);}
  100% {color: #888; background-color: #000; text-shadow: 0 0 9px rgba(255,255,000,0);}
}

@-webkit-keyframes pulse {
  0% {color: #888; background-color: #000; text-shadow: 0 0 9px rgba(255,255,000,0);}
  50% {color: #fff; background-color: #222; text-shadow: 0 0 9px rgba(255,255,000,0.75);}
  100% {color: #888; background-color: #000; text-shadow: 0 0 9px rgba(255,255,000,0);}
}