@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');


*{
    margin: 0;
    padding: 0 ;
    font-family:  "Cairo",sans-serif ;
    box-sizing: border-box;
}

body{
    height: 180vh;
    background:linear-gradient(#fff,#467527fa,#ea9e06 );
    width: 100%;
}

.img{
     margin-top: 20px;
    height: 60%;
    gap: 200px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.logo img{
     display: flex;
    padding: 10px;
    width: 160px;
    height: 100px;
    margin:auto;
 
}

.text{
    color: #467527fa;
    font-size: 21px;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    margin-left:5px;
}

.text span{
    color: #ea9e06;
}

.edit-img{
    width: 340px;
    box-shadow:1px 1px 25px black;
  
 
}

 .line {
    margin:auto;
    background: #467527fa;
    width: 300px;
    height: 1px;
    box-shadow: 1px 1px 8px #467527fa;
}


@media (min-width: 755px) and (max-width: 900px){
    body{
    height: 370vh;
}
}

@media (min-width: 900px) and (max-width: 1433px){
    body{
    height: 205vh;
}
}


@media only screen and (max-width: 750px){

*{
    margin: 0;
    padding: 0 ;
    font-family:  "Cairo",sans-serif ;
    box-sizing: border-box;
}

body{
    height: 365vh;
    background:linear-gradient(#fff,#467527fa,#ea9e06 );
    width: 100%;
}

.img{
    /*margin-top: 25px;*/
    /*height: 50%;*/
    gap: 100px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.logo img{
    padding: 10px;
    width: 160px;
    height: 100px;
      display: flex;
      margin:auto;
  
}

.text{
    color: #467527fa;
    font-size: 21px;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    margin-left:5px;
}

.text span{
    color: #ea9e06;
}

.edit-img{
    /*margin-top:20px;*/
    width: 320px;
    /*display: flex;*/
    /*margin-left: 27px;*/
    box-shadow:1px 1px 20px black;
  
 
}

 .line {
    margin:auto;
    background: #467527fa;
    width: 300px;
    height: 1px;
    box-shadow: 1px 1px 8px #467527fa;
    margin-bottom:15px;
}

}