:root {
	 font-size: 14px;
}
 @media screen and (min-width: 1600px) {
	 :root {
		 font-size: 18px;
	}
}
 @media screen and (min-width: 1300px) {
	 :root {
		 font-size: 16px;
	}
}
 @media screen and (max-width: 1100px) {
	 :root {
		 font-size: 12px;
	}
}
 @media screen and (max-width: 950px) {
	 :root {
		 font-size: 10px;
	}
}
 @media screen and (max-width: 600px) {
	 :root {
		 font-size: 10px;
	}
}
@media screen and (max-width:767px) {
  iframe[src*="google.com/forms"] {
      width: 100% !important;
      height: 800px;
  }
}



body{
  background-color:#3d3d3d;
}

img{
  border: 1rem solid transparent;
  border-image: url('https://st2.depositphotos.com/2977159/7256/i/450/depositphotos_72567667-stock-photo-wooden-texture-background.jpg') 30 round;
}

button{
  font-family:'Courier New', serif;
  background:none;
  color:white;
  border:2px solid white;
  font-size:1.5rem;
}

button:hover, a:hover, .active{
  background:white;
  color:#3d3d3d;
  cursor: pointer;
}

a{
  text-decoration: none;
  color: white;
}

p{
  font-family:'Courier New', serif;
  color: white;
  line-height:1.4rem;
}

.plain{
  width:32rem;
  margin:0 auto;
  padding-top:2rem;
  padding-bottom:1rem;
}

.piece{
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top:3rem;
  flex-direction:column;
}
.vertical{
  width: 30rem;
}

.text{
  height:100%;
  width:36rem;
  border: 1rem solid transparent;
  border-image: url('https://st2.depositphotos.com/2977159/7256/i/450/depositphotos_72567667-stock-photo-wooden-texture-background.jpg') 30 round;
  border-top:none;
  vertical-align: middle;
  display: flex;
  align-items: center;
  padding-right:2rem;
  padding-left:2rem;
  padding-bottom:4rem;
  padding-top:4rem;
  background-color:white;
  box-shadow: inset 0rem 0rem 0.45rem 0rem brown;
  text-align:justify;
}
.full{
  border:none;
}
.horizontal{
  width:40rem;
}

.nav{
  font-family:'Courier New', serif;
  color:white;
  font-size:1.5rem;
  margin-top:4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.link{
  margin-right:3rem;
  padding:0.25rem 0.5rem 0.25rem 0.5rem;
}


#wrapper{
  padding-top:1rem;
  padding-bottom:4rem;
}

.credit {
  font-family: 'Courier New';
  position: absolute; 
  /*right: 28rem;*/
  margin:0 auto;
  top: 7.5rem; 
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.25rem 0.5rem; 
  z-index: 2; 
}