body {
	background-color: black;
}

p, h1, h2, h3, h4 {
	color: #f39200;
	font-family: 'Fjalla One', sans-serif;
	font-size: 3em;
}

.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

p{
    margin:2rem auto;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Fjalla One', sans-serif;
}

.test1 p {
    margin-top: 10%;
    text-align: center;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
.test2 p {
    text-align: center;
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
}
.test3 p {
    text-align: center;
    animation: fadein 10s;
    -moz-animation: fadein 10s; /* Firefox */
    -webkit-animation: fadein 10s; /* Safari and Chrome */
    -o-animation: fadein 10s; /* Opera */
}
.test4 p, .button {
    text-align: center;
    animation: fadein 14s;
    -moz-animation: fadein 14s; /* Firefox */
    -webkit-animation: fadein 14s; /* Safari and Chrome */
    -o-animation: fadein 14s; /* Opera */
   font-size: 2em;
}
.test4{
    margin-top:8rem;
}
.test4 p{
    color:#fff;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    100% {
		opacity:1;

    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    100%  {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    100%  {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    100%  {
        opacity: 1;
    }
}

.button {
  margin: 0 auto !important;
  text-align: center;
  display: block;
  width: 340px;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  transition: all 0.5s;
  cursor: pointer;
  font-family: 'Fjalla One', sans-serif;
}
.button img{
    display:block;
}

.button:hover{
     transform: scale(1.2); 
}

@media(max-width:580px){
    img, .button{
        padding: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    .button:hover{
             transform: scale(1.05); 
        }
    p{
        width: 90% !important;
        font-size: 30px !important;
    }
}