.topnavcontainer { 
	width: 100%;
	padding: 20px 0;
	background-color: rgb(82, 82, 82);
}
.topnav{
	background-color: rgba(15, 15, 15, 0.619);
	overflow: hidden;
	position: fixed; top: 0%;
	width: 100%;
	z-index: 10;
	text-align: center;
}
.topnav a{
	display: inline-block;
	color: whitesmoke;
	text-align: center;
	padding: 10px 16px;
	text-decoration: none;
	font-size: 17px;
	font-family:Arial;
	font-weight: 400;
}
.topnav a:hover{
	background-color:rgba(245, 245, 245, 0.075);
	color: white;
}
.topnav a.active{
	background-color: rgba(245, 245, 245, 0.082);
	color: white;
}
.topnav .icon{
	display: none;
}
.topnav .logo{
	position: relative;
	width: 13%;
	padding: 2px 0;
	display: none;
}

a:link{color:#e9e9e9;}
a:hover{color:lightskyblue}
a:active{color:black}
a:visited{color: #f5f5f5;;}
a.tp:visited {color: #06c;
	text-shadow: .5px .5px 20% black;}

*, html, body {
	   margin: 0;
	   padding: 0;
}
body{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
h4 {
	color: black;
	padding: 0 20px;
    margin-top: 10px;
	text-align: right;
	font-family: 'Cairo';
	font-weight: 700;
}
p{
    width: 100%; 
	text-align: center; font-family: 'Cairo'; font-size: 16px; line-height: 150%; font-weight:normal;
	min-height: 20px;
	max-height: 50px;
	margin-bottom: 2px;
	margin-top: 2px;
}
.space{
	width: auto;
	height: 240px;
}




/*Footer---------------->*/
.footer { position: relative; display: flex; flex-wrap:wrap; width: 100%;  color: whitesmoke;margin-top: auto;
	background:linear-gradient(to right, rgb(30, 68, 85),rgb(0, 28, 44));
    border-top:1px solid whitesmoke;}
.center-footer{
	display:flex; align-items: center; justify-content: center; padding-bottom: 3px;
	background:linear-gradient(to right, rgb(30, 68, 85),rgb(0, 28, 44));}
.footer1 {position:relative;  display: grid; place-items: center; width: 100%; color: whitesmoke; 
	background:linear-gradient( to Right,rgb(30, 68, 85),rgb(0, 28, 44));}

.hrs {position: absolute; right:50%; transform:translate(-50%);min-height: 85%; max-height: 50vh; background-color: white; width: 1px; border: 0 none;
	color: whitesmoke;}

ul {list-style-type:none;}
    
.pounce{ color: whitesmoke; transition: .1s;}
.pounce:hover{transform: scale(1.2);}

.footer-section {margin: auto; margin-top: 4px; text-align: center;font-family:'Cairo';}

.ftitles{color: white; font-size: 18px; font-weight: bold; font-family:ui-rounded;}

.ftxt{color: whitesmoke;}
.ftxt a{color: whitesmoke;}

.seperator {background-color: white; border: 0 none; height: 1px; width: 20%;}
  
img.social{ padding: 0 20px; height: 20px; transition: .5s; margin: auto;}
.social:hover{ transform: scale(1.5);}

img.flogo{height: 30px;}
.ftxtlast { color: whitesmoke; font-family: ui-rounded; text-align: center;}


/*Mediaaaaaaaaaaaaaaaaaa iphone 420px */
@media screen and (max-width: 800px) {
	.topnavcontainer{visibility: hidden;}
	.h1hidden{ display: none;}
	.tpo {display: none;}
	.topnav{ background:linear-gradient(to right, rgb(30, 68, 85),rgb(0, 28, 44));}
	.topnav a{float:left ; color: white;}
	.topnav a:not(:first-child) {display: none;}
	.topnav a.icon {float: right; display: block;}
	.topnav.responsive {position: relative; margin-top: -40px;}
	.topnav.responsive a.icon {position: absolute; right: 0; top: 0;}
	.topnav.responsive a {display: block; float: none; text-align: left;}
	.topnavcontainer.responsive{display: none;}
	.topnav .logo{ display: none;}
	.Cam{width: 25%;}
	.Car{top: 47%; left: 49.1%;width: 24%;}
	.TA{ width: 18%;}
	.SH{width: 24%;}
	.KG{width: 20%;}
	.Next{width: 20%;}
	.Text{font-size: 20px;}
	.container .btn {top: 63%;left: 15%; padding: 9px 15px;}
	.ftitles {font-size: 12px;}
	.footer-section{ font-size: 10px;}
}

  @media screen and (min-width:800px) and (max-width: 1650px) {
	.h1hidden{ display:none;}
	.Cam{width: 25%;}
	.Car{top: 45%; left: 49%;width: 24%;}
	.TA{ width: 18%;}
	.SH{width: 23%;}
	.KG{width: 20%;}
	.Next{width: 20%;}
  }

  @media screen and (min-width: 1650px) {
	.topnav a{font-size: 18px; padding: 10px 40px;}
	.tpo {font-size: 20px; line-height: 40px;}
	.Cam{width: 25%;}
	.Car{top: 44.8%; width: 25%;}
	.TA{width: 18%;}
	.SH{width: 24%;}
	.KG{width: 20%;}
	.Next{width: 20%;}
	.Text{font-size: 120px;}
  }