* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 120%;
	background: #F8F8FF;
	font-family: Arial, Helvetica, sans-serif;
}
.header {
	width: 50%;
	margin: 30px auto 0px;
	color: white;
	background: #dc141b;
	text-align: center;
	border: 1px solid #dc141b;
	border-bottom: none;
	border-radius: 10px 10px 0px 0px;
	padding: 10px 20px 10px 20px;
}
form, .content {
	width: 50%;
	margin: 0px auto;
	padding: 20px;
	border: 1px solid #B0C4DE;
	border-top:none;
	background: white;
	border-radius: 0px 0px 10px 10px;
}
#wrapper{
	margin:10px auto; 
	border:0px solid red;
}
#menu{
	border:0px solid #fff; 
	padding:2%;
	padding-top:22px;	
	float:left; 
	width:6%
}
#menu2{
	border:0px solid #fff; 
	padding:2%; 
	padding-top:20px;
	float:left; 
	width:6%
}
.header3 {
	overflow:hidden;
	position:relative;
    width: 95%;
	height:72px;
    margin: 30px auto 0px;
    color: white;
    background: #dc141b;
    text-align: center;
    border: 1px solid #dc141b;
    border-bottom: none;
    border-radius: 10px 10px 0px 0px;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px; 
	padding-bottom:0px; 
}
.header4 {
	overflow:hidden;
	position:relative;
    width: 50%;
	height:72px;
    margin: 30px auto 0px;
    color: white;
    background: #dc141b;
    text-align: center;
    border: 1px solid #dc141b;
    border-bottom: none;
    border-radius: 10px 10px 0px 0px;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px; 
	padding-bottom:0px;
}
#heading{
	width:80%;
	border:0px solid #fff; 
	padding-top:0px; 
	padding-bottom:0px; 
	float:left;
	text-align:center;
	line-height:72px;
	font-size:30px;
}
#content3 {
	overflow:hidden;
	width:95%;
	margin: 0px auto;
	padding: 20px;
	border: 1px solid #B0C4DE;
	border-top:none;
	background: white;
	border-radius: 0px 0px 8px 8px;
}
#content4 {
	overflow:hidden;
	width:50%;
	margin: 0px auto;
	padding: 20px;
	border: 1px solid #B0C4DE;
	border-top:none;
	background: white;
	border-radius: 0px 0px 8px 8px;
}
#container{
	overflow:hidden; 
	width:96%; 
	margin:0 auto; 
	border:0px solid blue
}
#dept{
	text-align:center; 
	height:23px; 
	color:#fff;
	font-weight:600;
	border:1px solid #a9a9a9; 
	padding:3px;
	padding-top:9px;
	border-radius: 4px 4px 4px 4px;	
}
.process3{
	position:relative;
	font-weight:400;
	margin: 0.5% auto;
	font-size:14px;
	display: block; 
	float: none; 
	width:96%;
	border:1px solid #a9a9a9;
	border-radius: 4px 4px 4px 4px;
	padding:1%;
    }
#keyfix{
	position:fixed;
	margin: 3.5%;
	bottom:0;
	right:27%;
	border:3px solid grey; 
	border-radius: 6px 6px 6px 6px;
}
#keyitem {
	text-align:center; border-color:#A9A9A9; 
	margin: 0px auto;
	width:98%;
	padding:1%;
	font-size:12px;
}
#process{ 
	text-align:left; 
	border:1px solid #a9a9a9;
	border-top:0px; 
	padding:3px;
}
#key {
	font-size:14px;
	height:14px;
	padding-top:2px;
	width:530px; 
	border:1px solid grey; 
	text-align:center;
}
.myform {
    width:50%;
    margin:0px auto;
    padding:0px;
    border:0px solid #B0C4DE;
    border-top:none;
    background:white;
    border-radius:0px 0px 0px 0px;
}
.myform2 {
    width:50%;
    margin:20px auto;
    padding:0px;
    border:1px solid #a9a9a9;
    border-top:none;
    background:white;
	line-height:150%;
    border-radius:10px 10px 10px 10px;
}
input,
textarea {
	width:119%;
	background-color:#fff;
	margin:0px;  
	height:80px; 
	padding:5px; 
	font-size:14px
	/*-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	*/
}
#sendbutton {
	margin:2px;
	background-color:none;
	vertical-align:bottom;
}
.header2 {
  width: 1300px;
  margin: 30px auto 0px;
  color: white;
  background: #dc141b;
  text-align: center;
  border: 1px solid #dc141b;
  border-bottom: none;
  border-radius: 10px 10px 0px 0px;
  padding: 20px;
}
form, .content2 {
  width:1280px;
  margin: 0px auto;
  padding: 20px;
  border: 1px solid #B0C4DE;
  border-top:none;
  background: white;
  border-radius: 0px 0px 10px 10px;
}
.input-group {
  margin: 10px 0px 10px 0px;
}
.input-group label {
  display: block;
  text-align: left;
  margin: 3px;
}
.input-group input {
  height: 30px;
  width: 93%;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #b2c5dc;
}
.select-group {
  margin: 10px 0px 10px 0px;
}
.select-group label {
  display: block;
  text-align: left;
  margin: 3px;
}
.select-group select {
  height: 42px;
  width: 97%;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid gray;
}

.btn {
  padding: 10px;
  font-size: 15px;
  color: white;
  background: #dc141b;
  border: none;
  border-radius: 5px 5px 5px 5px;
}
.error {
  width: 92%; 
  margin: 0px auto; 
  padding: 10px; 
  border: 1px solid #a94442; 
  color: #a94442; 
  background: #f2dede; 
  border-radius: 5px 5px 5px 5px; 
  text-align: left;
}
.success {
  color: #000; 
  background: rgba(220, 20, 27, 0.2); 
  border: 1px solid #dc141b;
  margin-bottom: 20px;
  text-align:center;
}
headings {
	height:25px; 
	border:1px solid #a9a9a9;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
#skills {
	float:left;
	height:65px; 
	border:0px solid #a9a9a9;
	padding-top:5px;
	padding-bottom:15px;
	width:20%;
}
















@media screen and (max-width:800px)
{
body {
	font-size: 120%;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper{
	margin:10px auto 0px auto; 
	border:0px solid red;
}
#menu{
	border:0px solid #fff; 
	padding:2%; 
	//padding-top:-10px; 
	float:left; 
	width:6%;
}
#menu2{
	border:0px solid #fff; 
	padding:2%; 
	//padding-top:-10px; 
	float:left; 
	width:6%;
}
.header4 {
	overflow:hidden;
	position:relative;
	width: 95%;
	height:38px;
	padding-left:2px;  
	padding-right:2px;  
	padding-top:2px;  
	padding-bottom:2px;    
	margin: 0px auto 0px;
	color: #fff;
	background-color: #dc141b;
	border: 1px solid #dc141b;
	border-radius: 6px 6px 6px 6px;
}
.header3 {
	overflow:hidden;
	position:relative;
	width: 95%;
	height:38px;
	padding-left:2px;  
	padding-right:2px;  
	padding-top:2px;  
	padding-bottom:2px;  
	margin: 0px auto 0px;
	color: #fff;
	background-color: #dc141b;
	border: 1px solid #dc141b;
	border-radius: 6px 6px 6px 6px;
}
#heading{
	width:80%;
	border:0px solid #fff; 
	padding-top:8px; 
	padding-bottom:0px; 
	float:left;
	text-align:center;
	font-size:18px;
	line-height:22px;
}
#content3 {
	width:100%;
	margin: 5px auto;
	padding: 00px;
	border: 0px solid #B0C4DE;
	background: white;
}
#content4 {
	width:100%;
	margin: 5px auto;
	padding: 00px;
	border: 0px solid #B0C4DE;
	background: white;
}
#container{
	overflow:hidden; 
	width:100%; 
	margin:0 auto; 
	border:0px solid blue;
}
#dept1{
	position:relative;
	font-size:14px;
	display: block; 
	float: none; 
	width: 100%;
	margin-top:10px;
	border:0px solid red;
    }
#dept{
	position:relative;
	margin:2px 1% 2px 1%;
	font-size:20px;
	color:#fff;
	display: block; 
	float: none; 
	width:98%;
	border:1px solid #a9a9a9;
	border-radius: 4px 4px 4px 4px;
	padding:3px;
    }
#process2{
	position:relative;
	font-weight:400;
	margin: 2px auto;
	font-size:14px;
	display: block; 
	float: none; 
	width:95%;
	border:1px solid #a9a9a9;
	border-radius: 4px 4px 4px 4px;
	padding:3px;
    }
.process3{
	position:relative;
	font-weight:400;
	margin: 0.5% 1% 0.5% 1%;
	font-size:14px;
	display: block; 
	float: none; 
	width:98.5%;
	border:1px solid #a9a9a9;
	border-radius: 4px 4px 4px 4px;
	padding:0.5%;
    }
#key {
	position: -webkit-sticky;
    position: sticky;
    top: 0;
	font-size:12px;
	height:0px;
	padding-top:2px;
	width:95%; 
	border:1px solid grey; 
	text-align:center;
	}
#keyfix {
	position:fixed;
	margin: 3.8%;
	bottom:0;
	right:0;
	border:3px solid grey; 
	border-radius: 6px 6px 6px 6px;
}
#keyitem {
	text-align:center; border-color:#A9A9A9; 
	margin: 0px auto;
	width:98%;
	padding:1%;
	font-size:12px;
}
.myform {
  width: 95%;
  margin: 0px auto;
  padding: 0px;
  border: 0px solid #B0C4DE;
  border-top:none;
  background: white;
  border-radius: 0px 0px 0px 0px;
}
.myform2 {
    width:50%;
    margin:20px auto;
    padding:0px;
    border:1px solid #a9a9a9;
	font-size:16px;
	line-height:180%;
    border-top:none;
    background:white;
    border-radius:10px 10px 10px 10px;
}
input,
textarea {
	width:98%;
	background-color:#fff;
	margin:0px 1% 0px 1%;  
	height:150px; 
	padding:5px; 
	font-size:14px
	/*-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	*/
}
#sendbutton {
	width:98%;
	border:1px solid #F8F8FF;
	padding:3.5%;
	margin-top:-3px;
	background-color:#F8F8FF;
	vertical-align:bottom;
}

#skills {
	float:none;
	height:65px; 
	border:0px solid #a9a9a9;
	padding-top:5px;
	padding-bottom:15px;
	width:96%;
	//margin:0.5%;
}
}//end media query