
.body-about{
    margin-top: 140px;
}

.column{
    width:50%;
    float:left;
    margin-bottom: 20px;
    
}

.columnpic{
    width:25%;
    float:left;
}

.rowpic::after{
    clear:both;
    display: table;
    content: "";
}

img{
    width:250px;
    height: 250px;
    object-fit: cover;
}

.INP{
    border:none;
    margin-top: 20px;
}

.BTN{
    background-color: #474e5d;
    color:wheat;
    border:none;
    outline: none;
    font-weight: bolder;
    letter-spacing: 3px;
    font-size: 26px;
}

.row::after{
    display: table;
    clear:both;
    content: "";
}

.card{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    margin:8px;
    border-radius: 10px;
    background-color: aliceblue;
    padding: 20px;
    height: 515px;
 
}


.img{
    width: 100%;
}

.card h3{
    text-align: center;
    letter-spacing: 2px;
}

.card h4{
    text-align: center;
    letter-spacing: 4px;
    color: #fe5722;
}

.about-section{
    padding:50px;
    text-align: center;
    background-color: #474e5d;
    color:white;
}

.container{
    padding:0 16px;
}

.container::after{
    content:"";
    clear:both;

    display: table;
}



  .img{
    width:100%;
    object-fit: contain;
  }

.about-section2{
    padding:20px;
}

.about-section2 h1{
    text-align: center;
}

.about-section2 p{
    font-size: 24px;
}

.about-section2 ul{
    font-size: 24px;
}

.sidenav{
    height:100%;
    width:0;
    position:fixed;
    z-index:1;
    top:0;
    left:0;
    background-image:url('../Images/estate\ b7.jpg');
    overflow-x: hidden;
    transition: 1s;
    padding:1px;
}

.sidenav a{
    padding:8px 8px 8px 32px;
    text-decoration: none;
    font-size: 30px;
    color:#818181;
    display: block;
    transition: 1.1s;
}

.sidenav a:hover{
    color:#fe5722;
}

.sidenav .closebtn{
    position: absolute;
    bottom:5px;
    right:25px;
    font-size: 30px;
  
}

.menuMobile{
    display: none;
}

@media screen and (max-width:450px)
{
    .menuMobile{
        display: inline-block;
    }
    .column{
    width:100%;
    padding: 4px;
    float:left;
    margin-bottom: 20px;
    
}

#hide{
    display: none;
}
    
}