@charset "utf-8";
/* CSS Document */

body, html, * { padding:0; margin:0; font-family: 'Roboto', sans-serif; overflow-x:hidden;  }

.topwrap{
	width:100%;
	background:url(topphoto1.jpg) center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
.topcontain{
	width:300px;
	display:block;
	margin-right:auto;
	margin-left:auto;
	color:#e73f3f;
	padding-top:150px;
	min-height:70vh;
	text-align:center;
}
.topcontain h2, h3{
	font-weight:200;
}
.topcontain h1{
	font-weight:700;
}

.aboutus{
	text-transform:uppercase;
	font-size:25px;
	width:70%;
	padding-right:15%;
	padding-left:15%;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	color:white;
	background:url(codebg.jpg) center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}



.recentwork{
	width:100%;
	background-color:white;
	color:black;
}
.recentwork h2, h4, .desc{
	margin-left:25%;
}

.recentworkimg{
	width:50%;
	display:block;
	margin-right:auto;
	margin-left:auto;
}




.contact{
	width:50%;
	padding-top:40px;
	padding-bottom:40px;
	padding-right:25%;
	padding-left:25%;
	background:url(contactbg.jpg) center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
	color:white;
}

input{
	width:50%;
	border-radius:3px;
	border:none;
	padding:3px;
	height:20px;
	font-weight:700;
}
textarea{
	width:100%;
	height:150px;
	border-radius:3px;
	border:none;
	padding:3px;
	font-weight:700;
}

.sendbutton{
  border-radius: 4px;
  background-color:transparent;
  border:white thin solid ;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 0 5px 0px 5px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 2px;
  font-size:14px;
  height:40px;
}
.sendbutton:hover {
	background-color:#f4511e;
	transition:.5s;
	border:none;
}
.logo{
	width:200px;
}


@media only screen 
and (min-width: 0px) 
and (max-width: 960px)
{
	.topcontain{
		padding-top:130px;
		min-height:400px;
		width:80%;
		padding-left:10%;
		padding-right:10%;
	}
	.recentworkimg{
		width:80%;
	}
	.recentwork h2, h4{
		margin-left:10%;
	}
	.desc{
	margin-left:10%;
	}
	.contact{
		width:80%;
		padding-left:10%;
		padding-right:10%;
	}
	input, textarea{
	width:90%;
	}

}
@media only screen 
and (min-width: 300px) 
and (max-width: 960px)
{
	
}