body{
    margin: 0;
}.container{
    background-image: url("bgr4.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;

    font-family:  sans-serif;}
.text{
    margin-top:6% ;
}
.uppertext{
    font-size: 3rem;

    color: rgb(250, 186, 49);
}
.lowertext{
    padding-top: 1%;
    font-size: 2rem;
    color: white;
}
.para{
    margin-top: 50px;
    color: white;
    padding:0 5%;
}
.Orphanage{
    background-color: rgb(75, 179, 6);
padding:1rem;
width:8rem;
border: none;
margin-top: 80px;
margin-right: 2%;
margin-bottom: 5%;
color: white;}

.Volunteer{
    background-color:rgb(250, 186, 49);
    padding:1rem;
width: 8rem;;
border: none;
color: white;
}
a{
    color: white;
    text-decoration: none;
    padding: 1rem;

} 
a:hover{
    color: rgb(250, 186, 49);
} 
#logo{

    margin-right: 20%;
    color: rgb(252, 250, 250);
    font-size: 2rem;

} 
#logoz{
    color: rgb(75, 179, 6);
}


.Orphanage:hover,.Volunteer:hover{
background-color:black
}
.btn{
    background-color: rgb(75, 179, 6);
    border:none;
    color: white;
    border-radius: 30px;
    margin-bottom: 2.5rem;
}
.btn:hover{
    background-color: black;
}
.btn{
width: 8rem;
height: 2.5rem;
} 
/*body{
    margin: 0;
    
}
.container{
   
    background-image: url("bgr4.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    
    font-family:  sans-serif;}
.text{
    margin-top:6% ;
}
.uppertext{
    font-size: 3rem;
    
    color: rgb(250, 186, 49);
}
.lowertext{
    padding-top: 1%;
    font-size: 2rem;
    color: white;
}
.para{
    margin-top: 50px;
    color: white;
    padding:0 5%;
}
.Orphanage{
    background-color: rgb(75, 179, 6);
padding:1rem;
width:8rem;
border: none;
margin-top: 80px;
margin-right: 2%;
margin-bottom: 1%;
color: white;}
    
.Volunteer{
    background-color:rgb(250, 186, 49);
    padding:1rem;
width: 8rem;;
border: none;
color: white;
}
a{
    color: white;
    text-decoration: none;
    padding: 1rem;
   
} 
a:hover{
    color: rgb(250, 186, 49);
} 
#logo{
    
    margin-right: 20%;
    color: rgb(252, 250, 250);
    font-size: 2rem;

} 
#logoz{
    color: rgb(75, 179, 6);
}


.Orphanage:hover,.Volunteer:hover{
background-color:black
}
.btn{
    background-color: rgb(75, 179, 6);
    border:none;
    color: white;
    border-radius: 30px;
    margin-bottom: 2.5rem;
    
}
.btn:hover{
    background-color: black;
}
.btn{
width: 8rem;
height: 2.5rem;
}*/
nav select {
    display: none;
  }
  h5{
      display: inline-block;
  }
@media(max-width:988px){
    
    nav select { display: inline-block;
        
        background-color: rgb(75, 179, 6);
        color: white;
        padding: 1.5%;
        
     }
     nav .disp{
         display: none;
     }
   
    }

    @media(max-width:1350px){
        .Orphanage{
            margin-bottom: 30rem;
        }
    }