body {
	background-color: #fff;
	padding: 0;
    margin: 0;
}

.wrapper {
	margin: 30px;
	background-color: #eee;
	min-height: 500px;
	padding: 80px 20px;
}

.photo {
	width: 200px;
	border-radius: 50%;
    border: 10px solid #ddd;
}

.clearfix {
	clear: both;
}

.intro {
	width: 752px;
	margin: 0 auto;
	text-align: center;
}

.intro h1 {
	font-family: 'Dancing Script', cursive;
	font-size: 5em;
	color: #444;
	margin-bottom: 20px;
}

h3 {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.4em;
    color: #444;
    font-weight: 300;
}

.intro p {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    color: #444;
    font-weight: 300;
    text-align: justify;
}

.intro-text {
	margin-top: 50px;
}

.showcase {
	margin-top: 100px;
	text-align: center;
}

.divider {
	content: '';
	background: url('img/divider.png') no-repeat;
	width: 22px;
	height: 16px;
	margin: 80px auto;
}

.websites,
.identity,
.prototypes,
.contacts {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

.websites h3,
.identity h3,
.prototypes h3,
.contacts h3 {
	margin: 0 0 50px 0;
}

.portfolio-item {
	padding: 20px;
	background-color: #ffffff;
	margin-bottom: 30px;
	float: left;
	margin: 10px;
}

.portfolio-item a,
.identity img {
	display: block;
	width: 340px;
	height: 270px;
	overflow: hidden;
}

.portfolio-item img {
	width: 340px;
	height: 270px;
}

.contacts .portfolio-item,
.contacts .portfolio-item a {
	background-color: transparent !important;
	height: 30px !important;
}

.contacts a {
	font-family: 'Open Sans', sans-serif;
    font-size: 1.1em;
    text-decoration: none;
   	color: #444444;
   	font-weight: 300;
}

.websites .portfolio-item img {
	width: 100%;
}

.no-scroll {
	overflow: hidden;
}

.modal-content {
	text-align: center;
}

#btn-close-modal {
	position: absolute;
	top: 20px;
	right: 20px;
	width: auto !important;
}

.modal-content {
	/*margin-top: 20px;*/
}

#swipebox-slider .slide img {
	max-height: none !important;
}

#swipebox-slider .slide {
	overflow-y: scroll;
}

#swipebox-overlay {
    background: #ffffff !important;
}

#swipebox-close {
	background: url('img/grey-cross-bg.png') !important;
	top: 20px;
    right: 20px;
    width: 77px;
    height: 77px;
}

#swipebox-bottom-bar {
	display: none !important;
}