body {

  background-color: #0e0e0e;
  font-family: 'Open Sans', sans-serif;
  padding: 0;
  margin: 0;
  height: 2000;

}

.back{
  position: relative;
  height: 670px;
  width:100%;
  background-image: url(../img/back.png);
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  overflow: hidden;
  background-repeat: no-repeat;
}
.logo{
  height: 200px;
  width: 100%;
  background-image: url(../img/logo.png);
  background-size: auto 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-position: absolute;
  position: absolute;
  top: 14%;
  margin-top: -50px;
  transition: transform .5s;
}
.logo:hover{
  transform: scale(1.1);
}
.we{
  height: 70px;
  width: 100%;
  position: absolute;
  top: 30%;
  margin-top: -50px;


}
.wetext{
  font-size: 70px;
  color: rgb(245, 130, 32);
  text-align: center;
  font-weight: 900;
}
.boldy{
  font-size: 180px;
}
.boldw{
  font-size: 160px;
}

.contact{
  height: 700px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: #3c3c3c;
  background-position: center;
}
.form{
  width: 50%;
  height: 585px;
  float: left;

}
.aboh{
  color: rgb(245, 130, 32);
	display: block;
	font-size: 35px;
	font-weight: 400;
  padding-left: 10px;
}
.abop{
  padding-left: 15px;
  padding-right: 10px;
  color: #dedede;
}

#contact {
	background:#3c3c3c;
	padding:5px;
	margin:0;
}

#contact h3 {
	color: rgb(245, 130, 32);
	display: block;
	font-size: 35px;
	font-weight: 400;
}

#contact h4 {
	margin:5px 0 15px;
	display:block;
	font-size:18px;
  color: rgb(245, 130, 32);
}

fieldset {
	border: medium none ;
	margin:0 0 40px;
	min-width: 90%;
	padding: 0;
	width: 90%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1.2px solid #CCC;
	background:#e4e3e3;
	margin:0 0 5px;
	padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:rgb(245, 130, 32);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}

#contact button[type="submit"]:hover {
	background:#09C;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

.aboutme{
  width: 50%;
  height: 585px;
  float: left;

}
.footer{
  height: 65px;
  width: 100%;
  background-color: rgb(245, 130, 32);
  position: absolute;
  float: bottom;

}
.sm{
  height: 65px;
  width: 33.3%;
  float: right;
  position: relative;
  background-color: rgb(245, 130, 32);

}
.copyright{
  height: 65px;
  width: 33.3%;

  float: left;
  position: relative;
  background-color: rgb(245, 130, 32);

}
.email{
  height: 65px;
  width: 33.3%;
  float: left;
  position: relative;
  background-color: rgb(245, 130, 32);

}
.pemail{
  text-align: center;
  font-size: 19px;
}
.pcopy{
  text-align: center;
  font-size: 13px;
  top:50%;
  padding-top: 15px;


}
.smedia{
  float: left;
  position: relative;
  top:50%;
  margin: auto;
  left: 50%;
 -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.te{
  position: relative;
  margin-right: 30px;

}
.yo{
  position: relative;
  margin-right:30px;

}
.fa{
  position: relative;
  margin-right: 30px;

}
.in{
  position: relative;
  margin-right: 30px;

}
.te:hover {
  transition: 0.5s;
  transform: rotate(30deg);
}

.yo:hover {
  transition: 0.5s;
  transform: rotate(30deg);
}

.fa:hover {
  transition: 0.5s;
  transform: rotate(30deg);
}

.in:hover {
  transition: 0.5s;
  transform: rotate(30deg);
}
/*------------------------------*/
@media only screen and (max-width: 1010px){
  .logo{
    top:9%;
    height: 150px;
    width: 100%;
    background-size: auto 150px;
    margin-bottom: 0;
    padding-bottom: 0;

  }
  .we{
    top:20%;
  }
.wetext{
  font-size: 55px;

}
.boldy{
  font-size: 110px;
}
.boldw{
  font-size: 110px;
}

  .form{
    width: 100%;
    height: auto;
    position: static;

  }
  .aboutme{
    width: 100%;
    height: auto;
    float:top ;
    position: static;
    background-color: #3c3c3c;
  }
  .footer{
    height: 65px;
    width: 100%;
    background-color: rgb(245, 130, 32);
    position: static;

}

  .sm{
    height: 65px;
    width: 100%;
    float: right;
    position: relative;


  }
  .copyright{
    height: 65px;
    width: 100%;
    float: right;
    position: relative;

  }
  .email{
    height: 65px;
    width: 100%;
    float: left;
    position: relative;

  }
  .te{
    position: relative;
    margin-right: 10px;

  }
  .yo{
    position: relative;
    margin-right:10px;

  }
  .fa{
    position: relative;
    margin-right: 10px;

  }
  .in{
    position: relative;
    margin-right: 10px;

  }
  .copyright{
    font-size: 12px;
  }
}
