@media only screen and (max-width: 960px) {
#header .topsocial {
	float:right;
	margin-right:2%;
}

.logo {
	margin-left:2%;
}

.main {
	width:96%;
	margin:20px 2%;
	float:left;
}
}
@media only screen and (max-width: 768px) {
#header .topsocial {
	float:left;
	width:100%;
	padding:15px 0;
	text-align:center;
	margin-top:20px;
}

#menu {
	width:100%;
	float:left;
}

#menu ul {
	margin:0px auto;
	float:none;
	text-align:center;
}

.logo {
	margin:35px auto 0 auto;
	float:none;
}

.main {
	width:96%;
	margin:20px 2%;
	float:left;
}

.projectgal li {
    display: block;
    float: left;
    width: 49%;
    height: 150px;
    background: #ccc;
	margin:0 2% 20px 0;
}

.projectgal li:nth-child(even) {
  margin-right: 0;
}

.projectgal li:nth-child(3n) {
  margin-right: 2%;
}

.projectgal .overlay{
	margin-top:115px;
}

.textblock50L{
float:left; width:100%;
margin-bottom:20px;
}

.textblock50R{
	float:right; width:100%;
	margin-bottom:20px;
}
}
 
@media only screen and (max-width: 480px) {
#header .topsocial {
	float:left;
	width:100%;
	padding:15px 0;
	text-align:center;
}

#menu {
	width:100%;
	float:left;
}

.logo {
	margin:35px auto 0px auto;
	float:none;
}

#menu li {
	  display:block;
	  text-align:center;
	}
	#menu ul {
		padding: 0;
		margin: 0 0 10px 0;
		float:none;
	}

.main {
	width:96%;
	margin:20px 2%;
	float:left;
}

.textblock50L{
float:left; width:100%;margin-bottom:20px;
}

.textblock50R{
	float:right; width:100%;margin-bottom:20px;
}

.projectgal li {
    display: block;
    float: left;
    width: 100%;
    height: 150px;
    background: #ccc;
	margin:0 0 20px 0;
}

.projectgal .overlay{
	margin-top:110px;
}

#footer .left {
	width:100%;
	text-align:center;
	margin:0 0 10px 0;
}

#footer .right{
	width:100%;
	text-align:center;
  	padding: 0;
}
}