*{margin:0px;
padding:0px;
box-sizing:border-box;
font-family:arial;}

headers div{width:100%;
height:65px;
background-color:black;
display:flex;
justify-content:space-between;
align-items:center;
z-index:1;
position:fixed;
top:0px;}

headers div p{color:white;
padding:0px 30px;
font-size:13pt;
font-family:Orbitron;}

headers div nav ul li{list-style:none;
float:left;
padding:0px 40px;}

headers div nav ul li a{text-decoration:none;
color:white;
font-size:11pt}

nav li a::after{
content:'';
display:block;
width:0%;
height:1px;
background-color:white;
transition:all 0.4s;}
	
nav li a:hover::after{width:100%;}

.naves li{list-style:none;
float:left;}

.naves li a{color:black;
text-decoration:none;}

.naves li:first-child{background-color:white;
padding:10px 16px;
cursor:pointer;}

.naves li:nth-child(2){background-color:white;
padding:10px 16px;
cursor:pointer;
margin-right:10px;
margin-left:10px;}

.naves li:first-child:hover{background:#00A550;}
.naves li:nth-child(2):hover{background:#00A550;}

.naves li:first-child:hover a{color:white;}
.naves li:nth-child(2):hover a{color:white;}

.sectence{width:80%;
height:400px;
position:relative;
margin-top:100px;
display:flex;
flex-flow:wrap;
margin-right:auto;
margin-left:auto;
background:white;
}
.nag{border-radius:05px 0px 0px 05px;}

.sectence div:first-child{min-width:50%;
height:100%;
border-bottom:1px solid grey;
border-top:1px solid grey;
border-left:1px solid grey;
border-radius:05px 0px 0px 05px;}

.sectence div:last-child{min-width:50%;
height:100%;
border:1px solid grey;
border-radius:0px 05px 05px 0px;}

.sectence div h2{text-align:center;
padding-top:25px;}

.sectence div form input{display:block;
width:62%;
margin-right:auto;
margin-left:auto;
margin-top:15px;
border:1px solid grey;
padding:10px;
border-radius:05px;}

.sectence div textarea{width:62%;
height:100px;
margin-left:auto;
margin-right:auto;
display:block;
margin-top:15px;
border:1px solid grey;
padding:15px;
border-radius:05px;}

.sectence div button{padding:11px 50px;
display:block;
margin-left:auto;
margin-right:auto;
margin-top:15px;
background-color:#04AA6D;
border:none;
color:white;
cursor:pointer;}

.sectence div button:hover{opacity:0.9;}

.sectence div button a{text-decoration:none;
color:white;}

.bar{color:white;
display:none;}
.show{display:block;}

nav ul li:last-child{display:none;}

footer{width:100%;
height:auto;
background-color:black;
margin-top:50px;
display:flex;
padding-bottom:100px;
position:relative;
}

footer div{width:350px;
height:auto;}

footer div h4{color:white;
padding:60px 0px 10px 60px;
font-size:15px;}

footer div h5{padding:15px 0px 0px 60px;}

footer div h5 a{text-decoration:none;
color:white;
font-size:13px;}

footer div h5 a:hover{border-bottom:1px solid white;}

footer div li{list-style:none;}

footer div li a{text-decoration:none;
color:white;
font-size:14px;
font-weight:bold;}

footer div li{padding:15px 20px 0px 60px;}

footer p{position:absolute;
bottom:0px;
left:60px;
font-size:15px;
color:white;
padding-bottom:30px;}




.fa {padding:7px 13.5px;
  font-size:25px;
  text-align: center;
  text-decoration: none;
  margin:0px 10px;
   border-radius:20%;
   transition:0.4s;}
   svg{transform:translateY(04px);}
  
.fa:hover {transform:translateY(-5px);}

.fa-facebook {background:#00A550;
  color: white;}
  
  .fa-twitter {
  background:#00A550;
  color: white;}

.fa-twitter{padding:6px 8px;
  font-size:25px;
  text-align: center;
  text-decoration: none;
  margin:0px 10px;
  border-radius:20%;}
  
  .fa-youtube{padding:6px 8px;
  font-size:25px;
  text-align: center;
  text-decoration: none;
  margin:0px 10px;
  border-radius:20%;}
  
  .fa-youtube {background:#00A550;
  color: white;}
  
  .chat{position:fixed;
width:144px;
height:44px;
background:white;
display:flex;
justify-content:center;
align-items:center;
border-radius:5px 5px 0px 0px;
bottom:0px;
right:10px;
background-color:#00A550;
cursor:pointer;}

.chat a{text-decoration:none;
color:white;
font-size:14px;}



@media screen and (max-width:1000px){
	headers div{border-bottom:1px solid grey;}
	 nav{position:fixed;
	 background-color:black;
	 width:100%;
	 height:100%;
	 top:60px;
	 display:none;}
	 
	  headers div nav ul li{float:none;
	  padding:19px 0px;
	  border-bottom:1px solid grey;}
	  
	 headers div nav ul li a {padding-left:10px;}
	
nav li a:hover::after{width:0%;}
	  
	   
	  
     .bar{display:block;
	  margin-right:6px;}
	  
	 .sali{display:block;
	 color:black;
	 margin:0px 6px;}
	 
	.sectence{width:95%;
	 height:auto;}
	.sectence div:first-child{width:100%;
	 height:400px;
	 border:1px solid grey;
	 margin-bottom:20px;}
	.sectence div:last-child{width:100%;
	 padding-bottom:20px;}
	.sectence div form input{width:90%;}
    .sectence div textarea{width:90%;}
	
	nav ul li:last-child{display:none;
    display:block;}
	
	.sence{width:5%;
	transform:translateY(1px);}
	
	.nag{border-radius:10px;}
	
	.sectence div:first-child{border-radius:10px;}

    .sectence div:last-child{border-radius:10px;}
}


@media screen and (max-width:700px){
	
	footer{flex-flow:wrap;
	padding-bottom:150px;}
	
	footer div{width:100%;}
	footer p{position:absolute;
bottom:0px;
left:20px;
font-size:15pt;
color:white;
padding-bottom:30px;}

footer div h5 {padding-left:20px;}

footer div h4{padding-left:20px;}

footer div li{padding-left:20px;}

.fa{margin:5px;}}