html, body {
	background-color: #ffffff;
	color-scheme: only light;
}

.main-wrapper{
	max-width: 660px;
	min-height: 800px;
	margin:0 auto;
	display: block;
	overflow: hidden;
}

.visible-up-600 {
  display: block;
}
.visible-down-600 {
  display: none;
}

@media (max-width: 600px) {
  .visible-up-600 {
    display: none;
  }
  .visible-down-600 {
    display: block;
  }
}

/*
------------------------------
| Top - curves area
------------------------------
*/

.top{
	width: 100%;
	padding-bottom:50%;
	position: relative;
	overflow: hidden;
}

/*
------------------------------
| Bottom - text area
------------------------------
*/

.bottom{
	height:255px;
	padding-left:5%;
	padding-top: 34px;
}

.bottom img{
  width: 88%;
}