body {
    padding-top: 60px;
	padding-bottom: 70px;
  }
section {
	padding-top: 60px;
}
section:first-child {
	padding-top: 0px;
}
.thumbnail.iphone.ios {
	position: absolute;
	top:65px;
	left:197px;
}
.thumbnail.iphone.device {
	position: absolute;
	top:0px;
	left:0px;
	height:270px;
	margin-top:-14px;
}
div.iphone {
	position:relative;
}
.thumbnail.chrome {
	height: 230px;
}
#contact_containter {
	padding-top: 0px;
    position: fixed;
    bottom: 0;
    background: white;
	left: 0;
	right: 0;
	box-shadow: 0 0 12px 0 black;
}
section#contact {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 20px;
	img {
		vertical-align: middle;
		height: 24px;
		width: 24px;
	}
}

.contact_data {
	font-size:18pt;
	font-weight: bold;
}
.portfolio {
	.item {
		width:200px;
		height:140px;
	}
	.desc {
		position:absolute;
		display:inline-block;
		bottom:0;
		left:0;
		right:0;
		padding: 3px 8px 0;
		vertical-align: bottom;
		background: black;
		opacity: 0.7;
		color: white;
	}
}

#portfolio a:hover {
	color: gray;
	text-decoration: none;

}
.me {
	width:150px;
	display:inline-block;
	border:1px solid rgb(221, 221, 221);
	padding:3px;
	border-radius:5px;
	float: left;
	margin-right: 14px;
}
section#about {
	-off-margin-bottom: 500px;
	p {
		font-size: 13pt;
	}
}
#phone {
	margin-right: -35px;
}
#my_tools {
	clear:both;
}


@media screen and (max-width: 385px) {
	body {
		overflow: hidden;
	}
	.page-header {
		border: none;
	}
	.thumbnail {
		display:none;
	}
	.offers {
		width: 100%;
	}
	h1, h2 {
		font-size: 14pt;
		line-height: 12px;
		text-indent: 15px;
	}
	.topbar ul.nav {
		display: none !important;
	}
	.brand {
		font-size: 24pt !important;
		text-indent: 15px;
	}
	p.contact_data {
		font-size: 15pt;
	}
	#mail_address {
		margin-left: -30px;
	}
	#contact_containter {
		box-shadow: none;
		border-top: 1px solid whiteSmoke;
	}
	h1#web_dev_header {
		padding-top: 13px;
	}
}