BODY {
	margin: 0px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

	background: url(img/background.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.main-container {
	width: 100%;
	max-width: 800px;
	min-width: 360px;
	min-height: 100%;
	margin: 0 auto;
}

.content {
	padding-top: 60px;
}

.top-logo {
	display: block;
	margin: 0 auto;
	width: 30%;
  	max-width: 236px;
}

.top-logo img {
  margin: 0 auto;
  display: block;
}

.row {
	margin: 0 auto;
	margin-top: 5%;
	overflow: hidden;
}

.box-container {
	width: 33%;
	float: left;
}

.box-container-left {
	margin-left: 45px;
}

.box-container-right { 
	margin-left: -45px;
}

.box-container p {
	padding: 0px 35px;
	text-align: center;
	font-size: 13px;
	height: 100px;
}

.box {
	background-color: #FFF;
	color: #7C4D55;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;

	border-radius: 125px; 
}

.header {
	margin-top: 5px;
}

.btn {
	color: #7C4D55;
	font-size: 12px;
	background: #ffffff;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	font-weight: bold;
}

.btn:after { 
	content:"\00bb"; 
	font-size: 22px;
	position: relative;
	top: 2px;
	left: 3px;
}

.icon {
	margin: 0 auto 15px;
	/*margin-top: -7%;*/
	width: 38px;
	height: 42px;
}

.icon-design {
	background-image: url('img/icon_design.png');
}

.icon-baby {
	background-image: url('img/icon_baby.png');
}

.icon-foto {
	background-image: url('img/icon_photo.png');
}

.footer {
	width: 300px;
	margin: 0 auto;
	margin-top: 5%;
	color: #FFF;
	text-align: center;
}

.footer-name {
    position: relative;
}

table.footer {
	width: 300px;
}

td.footer {
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
}

.noborder-top {
	height: 10px;
}

.border-top {
	width: 30px;
	height: 10px;
	border-top: 2px solid #FFF;
}

.border-left {
	border-left: 2px solid #FFF;	
}

.border-right {
	border-right: 2px solid #FFF;	
}

.border-bottom {
	border: 2px solid #FFF;
	border-top: 0;
    padding-bottom: 10px;
    padding-top: 7px;
}

.footer-name span {
    padding: 0 20px;
    position: relative;
    z-index: 5;
  }

.footer a {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}

.copy {
	width: 100%;
	background-color: #180B12;
	color: #BDC4C8;
	text-align: center;
	font-size: 12px;
	height: 20px;
    padding-top: 8px;
    margin-top: 30px;
}

@media screen and (min-width : 701px) and (min-height: 661px) {

	.top-logo-container {
		height: 20%;
	}

	.row {
		height: 40%;
	}

	.copy {
		bottom: 0px;
		position: absolute;   
		margin-top: 0; 
	}
}

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

	.top-logo {
		width: 60%;
	}

	.box-container {
		  padding-bottom: 20px;
		  margin: 0px;
		  float: none;
		  width: auto;
	}

}