*{margin: 0;padding: 0;}
body{margin: 0;padding: 0;}
html,body
{
    overflow-x: hidden; 
}
/* https://pixabay.com/illustrations/sunrise-space-outer-space-globe-1756274/ */
#header{
	background-image:url("img/background_webonauts.jpg");
	width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    vertical-align: middle!important;
    display: flex;
	/*justify-content: center;*/
	align-items: center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	/*position: relative;*/
}
#header .container:HOVER {
  /*transform: scale(1.2);*/
}
#header h2{
    color:#fff;
    font-family: 'Montserrat', 'Noto Serif', serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 35px;
    margin: 20px 0;
    text-shadow: 1px 1px #505050;
}
#header h3{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    text-shadow: 1px 1px #505050;

}
#header .button{
    background-color: #f44336;
    color: white;
    padding: 8px 25px;
    text-align: center; 
    text-decoration: none;
    display: inline-block;
   	font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-top: 25px;
    transition: all 0.30s;
}
#header .button:hover{
	background-color:#ce453b;
}
/*header end*/
/*start one section*/
#sone{
	background-color:#343a44;
	padding-bottom: 50px;
	    overflow: hidden;
}
#sone h2{
	margin-top: 80px;
	color: #fff;
	font-size: 40px;
	font-weight: 600; 
	text-align: center;
	font-family: 'Montserrat', sans-serif;	
}
.simpborder{
	border-bottom: 1px dotted #929292;
    width: 30%;
    text-align: center;
    margin: 0 auto;

}
#sone p{
	color: #fff;
	text-align: center;
}
.mosts{
	margin-top: 30px;
}
.mosts p{
	width: 90%;
	margin-left: 10%;
	color: #fff;
	font-size: 17px;
	font-weight: 300; 
	text-align: left;
	font-family: 'Montserrat', sans-serif;	
}
/*end one section*/
/*start two extra*/
.twoextra{
	background: #eeeeef;
	padding: 50px 0;
}
.twoextra p{
	width: 90%;
	margin-left: 10%;
	color: #000;
	font-size: 17px;
	font-weight: 300; 
	text-align: left;
	font-family: 'Montserrat', sans-serif;	
}
.twoextra h2{
	width: 90%;
	margin-left: 10%;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 500; 		
}
.twoextra img{
	width:100%;
	margin-left: 10%;	
	max-width: 100%;
}



/*our company part*/
.our-company-part img{
	width:100%;	
	max-width: 100%;
}

/*start four*/

.bottombg1{
	background-color: #fff;
	padding: 25px;
	border-radius: 25px;
}
.bottombg2{
	background-color: #fff;
	padding: 25px;
	border-radius: 25px;
}
.bottombg3{
	background-color: #fff;
	padding: 25px;
	border-radius: 25px;
}
.four h4{
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 500;
    margin-top: 12px !important; 		
}
.four a,p{
	color: #000;
	font-size: 15px;
	font-weight: 500; 
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;			
}
.four a:hover{
	color: #000;
	font-size: 15px;
	font-weight: 500; 
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;			
}
.four i{
	font-size: 30px;
    color: #64a19d;
}
.four{
	background-image:  url("img/bg2.png");
	width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    vertical-align: middle!important;
    display: flex;
	justify-content: center;
	align-items: center;
	padding: 100px 0;
}
.four hr {
	border-color: #64a19d;
    border-width: 0.25rem;
    width: 10rem;
    margin: 0 auto;
    margin-top: 11px !important;
}
.hr1{
	border-color: #64a19d;
    border-width: .25rem;
    width: 27rem;
    margin: 0 auto;
}
/*end four*/
/*start footer */
#footer{
	background: #000;
	padding:40px 0;
}
#footer .row{
	vertical-align: middle!important;
    display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
    height: auto;
}
#footer .facebook1{
    background: #2f2f2f;
    color: #727272;
    margin-left: 10px;
    padding: 14px 17px;
    border-radius: 30px;
    text-decoration: none;
}
#footer .twitter1{
    background: #2f2f2f;
    color: #727272;
    margin-left: 10px;
    padding: 14px 17px;
    border-radius: 30px;
    text-decoration: none;
}
#footer .github1{
	background: #2f2f2f;
    color: #727272;
    margin-left: 10px;
    padding: 14px 17px;
    border-radius: 30px;
    text-decoration: none;
}
#footer h3{
	color: #ffffff80;
	font-size: 15px;
	font-weight: 500; 
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	text-align: right;	
}

/*extra code start*/

#sone h3{
	margin-top: 30px;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.simpborder1{
	border-bottom: 1px dotted #929292;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px;	
}
.m-top-15{
	margin-top: 15px;
}

/*extra code end*/


/*responsive*/
@media screen and (max-width: 800px) {
	#footer{
		text-align: center;
	}
	#footer h3{
		margin-top: 30px;
	}
	.bottombg1{
		margin: 0 10px;
	}
	.bottombg2{
		margin: 20px 10px;
	}
	.bottombg3{
		margin: 0 10px;
	}
	#header{
		/*height: 70vh;*/
	}
	#header h2{
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 30px;

	}
	.twoextra img{
	     margin-left: 0px;
	}
	#header h3{
	    font-size: 15px;
	    font-weight: 400;
	    line-height: 20px;

	}
	.mobile1 img{
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.mobile1 .img1j{
    	width: 80%;
	}
	.m-top-15{
		margin-top: 5px;
	}
}