body,
html {
	color: #fff;
	font-size: 15px;
	font-family: 'Ubuntu', sans-serif;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-rendering: optimizelegibility;
	height: 100%;
	min-width:320px;
}

* {
	padding: 0px;
    margin: 0px;
}
#social{
position:fixed;
top: 0px;
text-align:center;
padding:10px;
width:100%;
background:#fff;

}
.float-right { float: right; }
.float-left { float: left; }

.wrapper {
	margin: 0 auto;	
	max-width: 1111px;
}
a {text-decoration:none; color:#333;}
header {
	background-color: #fff;
	margin: 0 auto;	
	width:90%;
	max-width: 1200px !important;
	text-align:center;
	padding:100px 0 100px 0;
	margin-top:50px;
}
h1,h3{
padding-bottom:36px;
letter-spacing: 4px;
font-size:36px;
//text-transform: lowercase;
font-weight: 300;
text-align: center;
}
h3{
padding-bottom:0px;
}
h2,h4{
font-size:16px;
font-weight: 400;
}
h4{
padding-bottom:20px;
}

.center {
	text-align: center;
}
#skills h3, #contacts h3  {padding-bottom:36px;}



#projects {
	margin: 0 auto;	
	background-color: #eee;
	width:90%;
	max-width: 1200px !important;
	text-align:center;
	margin-top:0px;
	padding:0 0 100px 0;
}
.portfolio{
width:40%;
}

.info{
	width: 50%;
	text-align: left;
	margin: 0 auto;
}

.info div{
color: #333;

}

 @media (min-width: 300px) and (max-width: 600px) {
	.portfolio{
		width:100%;
	}
	.info{
		width:90%;
	}
}
@media (min-width: 600px) and (max-width: 780px) {
	.portfolio{
		width:70%;
	}
	.info{
		width:70%;
	}

}
@media (min-width: 780px) and (max-width: 980px) {
	.portfolio{
		width:60%;
	}
	.info{
		width:60%;
	}
}
.project{

margin: 0 auto;
padding-top:50px;	
width:80%;
text-align:center;
}
.preview {


}
.preview2 {
margin-bottom:15px;


}

#moreProjects1{
 display:none;
}
#moreProjects2{
 display:none;
}
#more1, #more2 {
cursor:pointer;
color:#333;
margin-top:30px;

}
#more2{
display:none;
}




#skills {
	background-color: #566580;
	margin: 0 auto;	
	width:90%;
	max-width: 1200px !important;
	text-align:center;
	padding:90px 0 100px 0;
}
#skills a {text-decoration:none; color:#fff;}
#skills div {
width:80%;
margin:0 auto;}

#contacts {
	margin: 0 auto;	
	background-color: #c9c9c9;
	width:90%;
	max-width: 1200px !important;
	text-align:center;
	margin-top:0px;
	padding:100px 0 100px 0;
	color:#333;
	margin-bottom:50px;
}