@charset "UTF-8";
/* CSS Document */

/* --------------------------------
 * smart phone
 * -------------------------------- */
@media (max-width: 840px) {
	.about-image {
		  display: block;
		  width: 90%;
		  margin: 0 auto;
		  opacity : 0;
		  transform: translateY(20px);
		  transition: 1s;
}
}
@media (max-width: 768px) {
	.about01 {
background-size: cover;
	background-image: url("../images/bg.png");
}

.about02 {
	background-color: #FFFFFF;
}
/* --- about --- */
	.about {
  color: #333;
}
.about-image {
  display: block;
  width: 100%;
  margin: 0 auto;
	opacity : 0;
  transform: translateY(20px);
  transition: 1s;
}
span.ch{
       position: relative;
       top: 500px;
       display: block;
    }
}


@media (max-width: 420px) {
.contact-area {
    font-size: 1.2rem;
	padding: 0 0 0 10% ;
}
	span.ch{
       position: relative;
       top: 300px;
       display: block;
    }
}

/*
* Back to top button
---------------------------------- */
#page-top {
	position: fixed;
	z-index: 1000;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	background: #A9A9B1;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#page-top a:hover {
	background-color: #04afcb;
}
#page-top i {
	margin-top: 10px;
	font-size: 28px;
	}