/* 360px */
@media screen and (min-width: 360px) {
body{
  background: url(oak-veneer-back-360-scaled.jpg) no-repeat top center fixed;
  
  background-size: cover;
  background-size: 100% 200%;
}


.block {
  width: 340px;
  height: 339px;
  left:auto; 
  right:auto; 
  top: auto;
  bottom: auto;
  position: relative;
  margin:auto;
}
.wrapper { 
  width: 340px;
  height: 339px;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
background: linear-gradient(3deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;
}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}



}
.headimg {
	width: 340px;
}

/* 430px */
@media screen and (min-width: 430px) {
body{
  background: url(oak-veneer-back-430-scaled.jpg) no-repeat top center fixed;
  background-size: cover;
  background-size: 100% 200%;
}

.block {
  width: 410px;
  height: 409px;
}
.wrapper { 
  width: 410px;
  height: 409px;
}
.headimg {
	width: 410px;
}

}


/* 768px */
@media screen and (min-width: 768px) {
body{
  background: url(oak-veneer-back-768-scaled.jpg) no-repeat top center fixed;
  background-size: cover;
  background-size: 100% 200%;
}

.block {
  width: 609px;
  height: 608px;
}
.wrapper { 
  width: 609px;
  height: 608px;
}
.headimg {
	width: 609px;
}


}


/* 1024px */ 
@media screen and (min-width: 1024px) {
body{
  background: url(oak-veneer-back-1024-scaled.jpg) no-repeat top center fixed;
  background-size: cover;
  background-size: 100% 200%;
}


}


/*1280px*/
@media screen and (min-width: 1280px) {
body{
  background: url(oak-veneer-back-1280-scaled.jpg) no-repeat top center fixed;
  background-size: cover;
  background-size: 100% 200%;
}


}


/* 1920px */
@media screen and (min-width: 1920px) {
body{
  background: url(oak-veneer-back-1920-scaled.jpg) repeat center center fixed;
  
  background-size: cover;

  background-color: pink;
}


}


body {
	
color: #fff;
}