.top_header_container
{
	width: 99%;
	margin: auto;
	
}
.body_container{
	width: 99%
}
.header{
	width: 80%;
	margin: auto;
}
.logo_header{
	width: 30%;
	float: left;
}
.logo{
	width: 180px;
	height: 90px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.social_icons{
	width: 70%;
	float: left;
	display: inline-block;
}
.nav_div{
	width: 80%;
	margin: auto;
}
.headings{
	background-color: darkred;
	border-radius: 5px;
	color: white;
	text-align: center;	
}
.headings_services{
	background-color: darkred;
	border-radius: 5px;
	color: white;
	text-align: center;
	font-size: 22px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-weight: 700;
}
.service_img{
	width: 100%;
}
.fourcol{
	width: 100%;
	float: left;
	border-left: 7px solid darkred;
	border-radius: 5px;
	box-shadow: 5px 10px darkgreen;
	margin-bottom: 15px;
	margin-top: 10px;
}
.news{
	width: 24%;
	float: left;
	border-left: 7px solid darkred;
	border-radius: 5px;
	box-shadow: 5px 10px darkgreen;


	margin-left: 5px;
	margin-right: 5px;
	background-color: antiquewhite;
}
.paragraph{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 18px;
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
}
.paragraph2{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 16px;
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
}
.block{
	width: 100%;
	height: 300px;;

	margin: 0;

}
.block_cernter{
	width:95%;
	margin-left: auto;
	margin-right: auto;
	
}
.block_left{
	width: 50%;
	float: left;
	

}
.block_right{
	width: 50%;
	float: left;
	padding-left: 10px;

}
.block_img{
	width: auto;
	height: 300px;
	background-image: url("../images/web_design_and_development.png");
	background-repeat: no-repeat;
	
}
.block_img_graphic{
	width: 100%;
	height: 300px;
	background-image: url("../images/graphic_design_img.jpg");
	background-repeat: no-repeat;
	image-resolution: snap;
	
}
.block_paragraph{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 18px;
	text-align: justify;
	padding-left: 5px;
	margin-left: 20px;
	padding-right: 5px;
	border-left: 7px solid darkred;
	border-radius: 5px;
	box-shadow: 5px 10px darkgreen;
	border-top: 7px solid darkred;
	
}
.block_left_service{
	width: 35%;
	float: left;
	

}
.block_right_service{
	width: 65%;
	float: left;

}
.block_img_service{
	width: auto;
	height: 300px;
	background-image: url("../images/web_design_and_development.png");
	background-repeat: no-repeat;
	
}

.block_paragraph_service{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 20px;
	text-align: justify;
	padding-left: 10px;
	margin-left: 20px;
	padding-right: 10px;
	border-left: 7px solid darkred;
	border-radius: 5px;
	
	line-height: 1.9;

	
}
.about {
    float: left;
	font-weight: 700;
	font-size: 20px;
    width: 59%;
	color: black;
	text-align: justify;
    background-color:#f2f2f2;
	padding-right: 1%;
	padding-left: 1%;
	line-height: 2.0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.form1{
	float: left;
	width: 39%;
	color: darkred;
	border-radius: 5px;
  	background-color: #f2f2f2;
}
.form{
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}
	input[type=email] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}
	input[type=tel] {
  width: 100%;
  background-color: white;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}
input[type=submit] {
  background-color: darkred;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
}

input[type=submit]:hover {
  background-color: black;
}
.img_center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: 400px;
}