/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and only (max-width: 1024px) {

#content-2 {
	width:44%;
	margin-right:0px;
	margin-top:0px;
	padding-top:0px;
}
}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {

#content-1 {
	display:none;
}
#content-1-2 {
	display:block;
	height:100%;
	width:100%;
}
#content-2 {
	float:left;
	width:96%; /* 420px */
	height:auto; /* 605px */
	margin:0 0 0 0;
	padding-left:10px;
	background-color:#000;
	opacity:.7;
}
.body1 {
	font-size: 0.875em; /* 0.813em */
	padding: 40px 40px 40px 28px;
}
#footer {
	visibility:hidden;	
}
#footer-show {
	visibility:visible;
	height:30px;
	padding-left:30px;

}
.footer-text-device {
	font-family: 'Nunito', sans-serif;
	font-size: 0.688em;
	font-weight:300;
	line-height:20px;
	color:#666;
	text-align: left;
}
}

/************************************************************************************
smaller than 480
*************************************************************************************/

@media screen and (max-width: 480px) {

#content-1 {
	position:absolute;
	width:100%;
	height:100%;
}
#content-2 {
	margin: 0 0 0 0;	
}
.body1 {
	font-size: 0.875em;
	line-height:22px;
	padding: 30px 20px 40px 20px;
}
#footer {
	visibility:hidden;	
}
#footer-show {
	padding-left:20px
}
}