*{
    padding: 0;
    margin: 0;
}
section{
    height: auto;
    background-color: #242424;

}
.head{
    height: 164px;
    background-color: #242424;
    display: grid;
    grid-template-columns:40% 60%;
}
.hng{
    background-color:  #242424; 
}
.logo1{
    height: 15.85px;
    width: 10px;  
    margin-left: 96px;
    margin-top: 30px;
}
.tog{
    display: flex;
}
 p{
    color: #d5dae0;
    font-size: 13px;
    display: flex;
    margin-top: 30px; 
    margin-left: 10px;
    font: Roboto Condensed;
}
.logo2 {
    height: 57px;
    width: 207px; 
    background-color:#242424 ;
    margin-left: 95px;
    margin-top: 50px;

}
.tog2{
    height: 15px;
    width: 400px;
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    margin-left: 300px;
    
}
.tog2 h1{
    font-size: 13px;
    color: #d5dae0 ;
    font: Roboto Condensed;
    font-weight: 400;
}
.hom ul{
    height: 23px;
    width: 600px;
    display: flex;
    justify-content: space-around;
    list-style-type: none;
    margin-top: 60px;
    margin-left: 92px;
}
ul input{
    border-radius: 5px;
    border: 1px;
    height: 30px;
    width: 100px;
    background-color: transparent;
    color: white;
}
.hom ul li{
    color:white;
    font-size: 13px;
    margin-top: 7px;
    font: Josefin Sans;
    text-decoration: none;
}
main{
  
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}
  main .mo h2{
    /* display: flex; */
/* justify-content: center; */
color: white;
}
main input {
 text-align:left;
 
}
section .po{
    height: 80px;
    background-color: #242424;
    display: flex;
    justify-content: space-around; 
}
.po h1{
    color: white;
    margin-top:25px;
    font-family: Roboto Condensed;
    font-weight: 700;
}
.moo{
    height: 500px;
    width: 1000px; 
    margin-left: 300px;
}
.moo h1{
    color: white;
    
}
.moo .lio{
    height: 300;
    width: 930px;
    display: flex;
    gap: 10px;
    margin-left: 35px;
    margin-top: 60px;
}
.zzz{
    height: 300px;
    width: 300px;
    background-color: #FFDF34;
    display: grid;
    grid-template-rows: 80% 20%;
}
.xzx{
    height: 300px;
    width: 300px;
    background-color:#FFDF34;
    display: grid;
    grid-template-rows: 80% 20%;
}
.zzxx{
    height: 300px;
    width: 300px;
    background-color:#FFDF34;
    display: grid;
    grid-template-rows: 80% 20%;
}
.lop{
    height: 900px;

}.too{
    height: 600px;
    width: 1000px; 
    margin-left: 300px;

}
.too .lip{
    height: 300;
    width: 930px;
    display: flex;
    gap: 10px;
    margin-left: 35px;
    margin-top: 60px;
}
.alex{
    height: 400px;
    width: 300px;
    display: grid;
    grid-template-rows: 60% 40%;
}
.ghast{
    height: 400x;
    width: 300px;
    display: grid;
    grid-template-rows: 60% 40%;
}
.steve{
    height: 400px;
    width: 300px;
    display: grid;
    grid-template-rows: 60% 40%;
}
.axe{
    display: flex;
    justify-content: center;
    height: 706px;
}
.axe .axe1{
    height: 300px;
    width: 1000px;
    position: relative;
    margin-top: 250px;
    display: grid;
    grid-template-columns: 60% 40%;
}
.axe3 h1{
    color: white;
    font-family: Roboto Condensed;font-weight: 700px
}
.map{
  height: 500px;
  display: flex;
  justify-content: center;
}
footer{
    background-color: black;
    height: 350px;
}
footer .lion{
    display: flex;
    justify-content: space-around;
}
.tiger ul a{
    list-style-type: none;
    color: white;
    font-family: Roboto;
    font-weight: 300px;
    text-decoration: none;
}
.wolf ul a{
    list-style-type: none;
    color: white;
    font-family: Roboto;
    font-weight: 300px;
    text-decoration: none;
}
.dog ul{
    list-style-type: none;
    color: white;
    font-family: Roboto;
    font-weight: 300px;
}
.cat li{
    list-style-type:none ;
    color: white;
    font-family: Roboto;
    font-weight: 300px;
}