body.menu-left #wrap-content {
	margin: 95px 8% 35px 35px;
}

#profile {
	float: left;
	width: 275px;
}

#profile #wrap-profile img {
	width: 100%;
}

#profile #wrap-profile {
	margin-bottom: 15px;
}

#profile h1.title {
	margin-bottom: 5px;
	word-wrap: break-word;
}

#middle-content {
	margin: 0 330px;
}

body.margin-big2 #middle-content,
body.margin-small2 #middle-content {
	margin: 0 260px 0 320px;
}


#middle-content div.text {
	width: 100%;
}

#middle-content .sub-title {
	margin-bottom: 20px;
}

#middle-content .sub-title + .text {
	margin-bottom: 35px;
}

#middle-content img.one-shot {
	width: 100%;
	margin-top: 8px;
}

#middle-content img.one-shot,
#profile #wrap-profile img {
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}

#contact {
	float: right;
	width: 275px;
}

body.margin-big2 #contact,
body.margin-small2 #contact {
	width: 220px;
}


#contact span.ico {
	margin-right: 2px;
}

#contact ul {
	margin-top: 27px;
}

#contact ul + ul {
	margin-top: 40px;
}

#contact ul li {
	display: block;
	margin-top: 4px;
}

#contact ul li * {
	vertical-align: middle;
}


#contact ul li .ico.address,
#contact ul li .address-info {
	float: left;
}

#contact ul li .address-info {
	margin-top: 2px;
	margin-left: 4px;
}

#contact a span.contact {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: pre;
	word-wrap: break-word;
}

#middle-content #contact {
	float: left;
}

body.menu-left.margin-small2 #content {
	position: relative;
}

body.menu-left.margin-small2 #contact,
body.menu-left.margin-small2 #profile {
	float: left;
}

body.menu-left.margin-small2 #contact {
	padding-top: 35px;
	clear: both;
}

body.menu-left.margin-small2 #contact ul {
	margin-top: 0;
}

body.menu-left.margin-small2 #middle-content {
	margin: 0 0 0 330px;
	position: static;
	top: 0;
	float: none;
}

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

	body.menu-left #content {
		position: relative;
	}

	body.menu-left #contact,
	body.menu-left #profile {
		float: left;
	}

	body.menu-left #contact {
		padding-top: 35px;
		clear: both;
	}

	body.menu-left #contact ul {
		margin-top: 0;
	}

	body.menu-left #middle-content {
		margin: 0 0 0 330px;
		position: static;
		top: 0;
		float: none;
	}
}

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

	html.mobile #middle-content {
		padding-top: 71px;
	}

	body.menu-top #content {
		position: relative;
	}

	body.menu-top #contact,
	body.menu-top #profile {
		float: none;
	}

	body.menu-top #contact {
		padding-top: 35px;
	}

	body.menu-top #contact ul {
		margin-top: 0;
	}

	body.menu-top #middle-content {
		margin: 0 0 0 330px;
		position: absolute;
		top: 0;
		float: right;
	}
}

@media only screen and (max-width: 1050px) {
	body.menu-left #contact,
	body.menu-left #profile {
		width: 230px;
	}

	body.menu-left #middle-content {
		margin: 0 0 0 270px;
	}
}

@media only screen and (max-width: 900px) {
	body.menu-top #contact,
	body.menu-top #profile {
		width: 230px;
	}

	body.menu-top #middle-content {
		margin: 0 0 0 270px;
	}
}

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

	body.menu-left #profile #wrap-profile img {
		width: auto;
	}

	body.menu-left #contact {
		width: 100%;
	}

	body.menu-left #middle-content {
		margin: 0 auto;
		position: static;
		float: none;
		clear: both;
		padding-top: 35px;
		width: 100%;
	}
}


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

	body.menu-top #profile #wrap-profile img {
		width: auto;
	}

	body.menu-top #contact,
	body.menu-top #profile {
		margin: 0 auto;
		width: 100%;
	}
	body.menu-top #profile {
		text-align: center;
	}

	body.menu-top #middle-content {
		margin: 0 auto;
		position: static;
		float: none;
		clear: both;
		padding-top: 35px;
		width: 100%;
	}
}