body
{
 margin:0px auto;
 padding:0px;
 text-align:center;
 width:100%;
 font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
  background-image: url("swapnil-deshpandey-ePyY_T5d6RI-unsplash.jpg"); /* The image used */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
 
#header
{
 width:100%;
 margin:0px auto;
 padding:0px;
 text-align:center;
 height:70px;
 line-height:70px;
}


#header li
{
 display:inline-block;
 margin-right:15px;
 font-size:17px;
 color:#084B8A;
 font-weight:bold;
 cursor:pointer;
}

#header li a
{
	text-decoration:none;
	 color:#084B8A;
	
}


#header li a:hover
{
	text-decoration:none;
	 color:red;
	
}

#header #site_name
{
 text-align:left;
 width:320px;
 margin-left:20px;
 margin-top:20px;
}

#header #name
{
 text-align:left;
 margin-left:20px;
 margin-top:-20px;
}
#about
{
 margin-top:100px;
 width:90%;
 min-height:10px;
 max-height:auto;
 overflow:hidden;
 margin-left:5%;
 padding:10px;
 box-sizing:border-box;
 background-color:#084B8A;
 border-radius:10px;
 color:white;
}


#logo
{
 width:90%;
 min-height:10px;
 max-height:auto;
 overflow:hidden;
 margin-left:5%;
 padding:10px;
 box-sizing:border-box;
 background-color:white;
 border-radius:10px;
 color:black;
}
#home
{
 width:90%;
 min-height:10px;
 max-height:auto;
 overflow:hidden;
 margin-left:5%;
 padding:10px;
 box-sizing:border-box;
 background-color:#D2042D;
 border-radius:10px;
 color:white;
 text-style:ariel;
}

#home1
{
 width:90%;
 min-height:1px;
 max-height:auto;
 overflow:hidden;
 margin-left:5%;
 box-sizing:border-box;
 background-color:#D2042D;
 border-radius:10px;
 color:white;
 text-style:ariel;
}


#contact
{
 margin-top:60px;
 width:90%;
 min-height:10px;
 max-height:auto;
 overflow:hidden;
 margin-left:5%;
 padding:10px;
 box-sizing:border-box;
 background-color:#084B8A;
 border-radius:10px;
 color:white;
}


#contact1
{
 width:90%;
 min-height:10px;
 max-height:auto;
 overflow:hidden;
 margin-left:5%;
 padding:10px;
 box-sizing:border-box;
 background-color:#084B8A;
 border-radius:10px;
 color:white;
}


#contact1left
{
 width:50%;
 min-height:10px;
 max-height:auto;
 overflow:hidden;
 padding:10px;
 box-sizing:border-box;
 background-color:#084B8A;
 color:white;
 float:left;
}


#about h1
{
 font-size:40px;
}
#home p
{
 font-size:20px;
 text-align:justify;
 margin-left:10px;
 margin-right:10px;
}
#about p
{
 font-size:20px;
}
#contact input[type="text"]
{
 width:250px;
 height:35px;
 padding-left:10px;
 float:left;
 margin-left:80px;
 border:none;
}
#contact textarea
{
 float:left;
 width:250px;
 height:35px;
 margin-left:20px;
 border:none;
 padding-left:10px;
 padding-top:10px;
}
#contact input[type="submit"]
{
 float:left;
 margin-left:20px;
 height:35px;
 width:100px;
 background:none;
 color:white;
 border:1px solid white;
}
}