@media screen and (min-width: 769px){

/* ----------base---------- */
html{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	font-size: 62.5%;
}
 body{
 	position: relative;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #00A89A;
	color: #fff; 
	font-family: sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;	

	display: grid;
	place-items: center;
}
img{
	border: none; 
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
a{
	outline: none;
	transition: 0.3s ease;
	text-decoration: underline;
	color: #fff;
}
a:hover{
	color: #eee;
	text-decoration: none;
}

.move{
	width: 90%;
	max-width: 620px;
	margin: 0 auto;
	padding:  0;
}
.move h1{
	margin: 0;
	padding: 0;
}
.move h1 img{
	width: 100%;
}
.move h2{
	margin: 0;
	padding: 0;
	font-weight: 600; 
	font-size: 0.8em;
}
.move p.copy{
	font-size: 0.8em;
}

}




@media print,  screen and (max-width: 768px){

/* ----------base---------- */
html{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	font-size: 62.5%;
}
 body{
 	position: relative;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #00A89A;
	color: #fff; 
	font-family: sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;	
}
img{
	border: none; 
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
a{
	outline: none;
	transition: 0.3s ease;
	text-decoration: underline;
	color: #fff;
}
a:hover{
	color: #eee;
	text-decoration: none;
}

.move{
	width: 90%;
	margin: 30px auto;
	padding:  0;
}
.move h1{
	margin: 0;
	padding: 0;
}
.move h1 img{
	width: 90%;
}
.move h2{
	margin: 0;
	padding: 0;
	font-weight: 600; 
	font-size: 0.8em;
}
.move p.copy{
	font-size: 0.8em;
}

}