@charset "UTF-8";

*{
	margin:0 auto;
}

body {
    background-image:url(images/bg-diamond.jpg);
}

img{
	width:100%;
	user-drag: none; -moz-user-select: none; -webkit-user-drag: none;
}




#mainNav{
	width:90%;
	padding-top:50px;
	padding-bottom:5%;
}

#logo{
	float:left;
	width:150px;
	height:30px;
}

#navBar{
	float:right;
	padding-top:6px;
}

.navItem img{
	width:80px;
	padding:0 7px 0 7px;
	transition: opacity 0.2s ease;
}

.navItem:hover img{
	opacity: 0.8;
}




#welcome{
	padding-top:3%;
	width: 100%;
    margin: 0 auto;
}

#intro{
	width:40%;
	margin-bottom:5%;
}

#projects{
  margin: 0 auto;
  position: relative;
  width: 90%;
  text-align:center;
  margin-bottom: 5%;
}

.thumb{
	display:inline-block;
	width:300px;
	height:195px;
	padding:0 7px 40px 7px;
	transition: all .2s ease-in-out;
}

.thumb:hover {
	transform: scale(1.05);
}