@media only screen and (max-width: 320px){	.env-container { position:relative; width:300px; margin:0 auto}	.env {	  margin: 200px auto 0;	  width: 300px;	}	.env .rest {	  width: 60px;	  height: 0;	  margin: 0 auto;	  border-width: 150px;	  border-bottom-width: 90px;	  border-top: 90px solid transparent;	  margin-top: -240px;	}	.env .content {	  width: 270px;	  margin-left: 15px;	}	@keyframes out {  100% {    transform: translate(0px, -300px);   -webkit-transform: translate(0px, -300px);    -moz-transform: translate(0px, -300px);    -o-transform: translate(0px, -300px);    -ms-transform: translate(0px, -300px);  }}
.env .top {	  border-width: 120px;	  margin-bottom: -200px;}#paper {	width: 270px;	}	.env #open-env:checked ~ .content{ height:360px}	#paper input, #paper textarea{ width:240px; font-size:60%}	#paper textarea{ height:60px}	#paper input, #paper textarea { margin:2px 10px}	#paper h1 { margin:0; padding:0 0 5px 0; font-size:80%;}	.down-arrows {    position: absolute;    top: 350px;    left: 40%;    margin-left: 0px;    background-color: #EEEEEE;    border-radius: 50%;    padding: 10px 15px;}
.down-arrows i{ font-size:3em;}	.stamp { right:31%; bottom:5%}	.colmd6{ padding-left:5px;}	.colmd6 div:nth-child(2){ text-align:center}	.logodiv img{ height:60px;}	.logodiv h1 { font-size:1.5em}	.logodiv h1 span.h5{ 		font-size:0.5em; 		float:right;		margin:-10px 10px 0 0;	}	#google_translate_element{ display:none}	#somedialog .img-div{ 	top:10%; 	left:3%; 	width:270px;	height:170px;	background-size:cover;}h1.thank{ font-size:1.5em;}	.hide-bottom{ height:400px}	.down-arrows {		padding:10px 25px;		font-size:2.5em;	}}
@media screen and (min-width: 321px) and (max-width:480px){	.env-container { position:relative; width:300px; margin:0 auto}	.env {	  margin: 200px auto 0;	  width: 300px;	}	.env .rest {	  width: 90px;	  height: 0;	  margin: 0 auto;	  border-width: 150px;	  border-bottom-width: 90px;	  border-top-width: 90px;	  margin-top: -225px;	}
@keyframes out {  100% {    transform: translate(0px, -220px);   -webkit-transform: translate(0px, -220px);    -moz-transform: translate(0px, -220px);    -o-transform: translate(0px, -220px);
-ms-transform: translate(0px, -220px);  }}	.env .content {	  width: 270px;	  height: 0px;	  margin-left: 15px;	}	.env .top {	  border-width: 120px;	  margin-bottom: -240px;	}	#paper {	width: 240px;	}.env #open-env:checked ~ .content{ height:400px}	#paper input, #paper textarea{ width:220px; font-size:60%}	#paper textarea{ height:60px}
#paper input, #paper textarea { margin:2px 10px}	.stamp { right:31%; bottom:5%}	#paper h1{ padding:0; margin:0; font-size:100%}	#somedialog .img-div{ 	top:10%; 
left:3%; 	width:270px;	height:170px;		background-size:cover;}h1.thank{ font-size:1.5em;}	.down-arrows {		padding:10px 25px;		font-size:2.5em;	}}@media screen and (min-width: 481px) and (max-width: 603px){	.env-container { position:relative; width:500px; margin:0 auto}	.env {	  margin: 200px auto 0;	  width: 500px;	}	.env .rest {	  width: 170px;	  height: 0;	  margin: 0 auto;	  border-width: 250px;	  border-bottom-width: 160px;	  border-top-width: 130px;	  margin-top: -225px;	}	.env .content {	  width: 470px;	  height: 0px;	  margin-left: 15px;	}		.env .top {	  border-width: 200px;	  margin-bottom: -400px;	}	#paper {	width: 440px;	}	.env #open-env:checked ~ .content{ height:400px}	#paper input, #paper textarea{ width:420px; font-size:80%}	#paper textarea{ height:60px}	@keyframes out {	  100% {		transform: translate(0px, -310px);		-webkit-transform: translate(0px, -310px);		-moz-transform: translate(0px, -310px);		-o-transform: translate(0px, -310px);		-ms-transform: translate(0px, -310px);	  }	}	#somedialog .img-div{ 	top:10%; 	left:3%; 	width:480px;	height:300px;	background-size:cover;	}	h1.thank{ font-size:2.5em;}}@media screen and (min-width: 604px) and (max-width: 768px){	#somedialog .img-div{ 	top:10%; 	left:10%; 	width:480px;	height:300px;	background-size:cover;	}	h1.thank{ font-size:2.5em;}}@media screen and (min-width: 769px) and (max-width:1024px){	#somedialog .img-div{ 	top:10%; 	left:25%; 	width:480px;	height:300px;	background-size:cover;	}	h1.thank{ font-size:2.5em;}}@media screen and (min-width: 1025px) and (max-width:1173px){	#somedialog .img-div{ 	top:10%; 	left:25%; 	width:480px;	height:300px;	background-size:cover;	}	h1.thank{ font-size:2.5em;}}@media screen and (min-width: 1174px) and (max-width:1280px){}@media screen and (min-width: 1370px) and (max-width:1440px){	}@media screen and (min-width: 1441px){	.env-container { position:relative; width:1200px; margin:0 auto}	.env {  margin: 170px auto 0;  width: 1200px;}.env .rest {  width: 240px;  border-width: 600px;  border-bottom-width: 360px;  border-top-width: 360px;  margin-top: -300px;}.env .content {  width: 1080px;  height: 936px;}.env .top {  border-width: 480px;  margin-bottom: -960px;}#paper input, #paper textarea{ width:520px; font-size:90%}#paper textarea{ height:150px}.stamp{ width:240px; height:100px; background-size:cover}	@-webkit-keyframes zoommOutRight{	70%{opacity:1;	-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);		transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}	100%{opacity:0;-webkit-transform:scale(.1) translate3d(8000px,0,0);transform:scale(.1) translate3d(8000px,0,0);	-webkit-transform-origin:right center;		transform-origin:right center}}@keyframes zoommOutRight{70%{opacity:1;	-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;	-webkit-transform:scale(.1) translate3d(8000px,0,0);transform:scale(.1) translate3d(8000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoommOutRight{-webkit-animation-name:zoommOutRight;animation-name:zoommOutRight;	-webkit-animation-duration: 5s; /* Safari 4.0 - 8.0 */   animation-duration: 5s;}}