body {
	background-color: #f7931e;
}


.container-main {
	max-width: 20%;
	margin: 0 auto;
	padding:0;
	color:#f7931e;
	background-color: #fff;
	box-shadow: 15px 10px 20px #111;
	background-color: rgba(255,255,255,0.4);
}

.main-logo {
	max-width: 50%;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 60px;
	padding-top: 30px;
}
.container-main-inner {
	
	padding: 40px;
}




/*MOBILE RESPONSIVE*/
@media only screen and (max-width: 320px) {
	
	.container-main {
	max-width: 90%;
	margin: 0 auto;
	padding: 30px 15px;
	}
	
	.container-main-inner {
	
	padding: 10px;
}
	.main-logo {
	max-width: 50%;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
}
}

@media only screen and (max-width: 375px) {
	
	.container-main {
	max-width: 90%;
	margin: 0 auto;
	padding: 30px 15px;
	}
	
	.container-main-inner {
	
	padding: 10px;
}
	.main-logo {
	max-width: 50%;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
}
}

@media only screen and (max-width: 425px) {
	
	.container-main {
	max-width: 90%;
	margin: 0 auto;
	padding: 30px 15px;
	}
	
	.container-main-inner {
	
	padding: 10px;
}
	.main-logo {
	max-width: 50%;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
}
}