body{
    overflow: auto;
    outline: none;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
.nam a:hover{
   background-color: rgba(34, 84, 160, 0.548);
}
.foo li {
    float: left;
    width: 100px;
    height: 100px;
    margin: 2px;
    display: inline;
}
.classname ul li {
    float: right;
    display: inline;
}
.public{
    text-align: center;
    padding: 10em 0;
    background: linear-gradient(rgba(128, 128, 128,0.5),rgba(0,0,0,0.5)), url("../images/pub.jpg") center;
    background-size: cover;
}

/* header */
.page-header{
    background-image: url("../images/lap.jpg");
    width: 100%;
    height: 10%;
}
.page-header a{
    color: white;
    text-decoration: none;
}

/* contact */

/*gallery*/

/* assessment */
.publical{
    text-align: center;
    padding: 10em 0;
    background: linear-gradient(rgba(128, 128, 128,0.5),rgba(0,0,0,0.5)), url("../images/pexel.jpg") center;
    background-size: cover;
}

/* footer */

.site-footer {
    /* padding: 0 3em; */
    padding-top: 3em;
    background-color: #949bda;
    font-size: 14px;
    color: black;
}

.site-footer a {

    text-decoration: none;
    text-transform: capitalize;
    color: rgb(21, 22, 22);
}
.site-footer a:hover {
    color: rgb(53, 39, 39);
    font-size: 15px;
    letter-spacing: 0.4em;
}
.site-footer h2 {
    font-size: 25px;
    margin-bottom: 28px;
    
    color: rgb(31, 25, 25);
}
 .footer-link li {
    line-height: 1.5;
    margin-bottom: 15px;

}





/* contact page */
.hrd{
    background-color: #C2B8A3;
    text-align: center;
}

/* about us */

.we{
    font-size: 2rem !important;
}

/* media queries */


/* iPhone 5 ----------- */
/* @media only screen and (min-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    .desktop{
        display: none;
        
    }
 }
 /*samsung fold */
 /*@media (min-width: 280px) and (max-width: 653px){ 
    .desktop{
        display: none;
    }
  }

 @media (min-width:280px) and (max-width:653px){
    .desktop{
        display: none;
        
    }
} */



 /*workin */
@media (min-width:360px) and (max-width:740px){
    .desktop{
        display: none;
        
    }
}
/* Laptops, Desktops(Screen = B/w 1025px to 1280px)*/
@media (min-width: 1025px) and (max-width: 1280px) {
    .hand{
        display: none;
    }
}
/* Tablets, Ipads [portrait](Screen = B/w 768px to 1024px)*/
@media (min-width: 740px) and (max-width: 1024px) {
    .hand{
        display: none;
    }
}

/* Desktops (Screen = 1281px to higher resolution desktops)*/
@media (min-width: 1281px) {
    .hand{
        display: none;
    }
}
  
/* Tablets, Ipads [portrait](Screen = B/w 768px to 1024px)*/
@media (min-width: 768px) and (max-width: 1024px) {
    .hand{
        display: none;
    }
}