body{
    background-color: black;
    margin: 0;
    margin-left: 0 7 rem;
}
header{
    height: 80px;
    margin: 0;
}
.header_links{
   padding-top:  2rem;
   list-style-type: none;
   top: 50%;
   left: 50%;
   align-items: center;
   justify-content: center;
   text-align: center;


}
.link_header{
    text-decoration: none;
    font-size: 1.5rem;
    color: white;
    margin-right: 4rem;
     
}

a:hover
{
    border-bottom: 2px solid rgb(242, 235, 235);  
    cursor: pointer;
}
.nav_inner{
    display: flex;
    padding-top: 6.6rem;
    padding-bottom: 8rem;
    position: relativeS;
    margin: auto;
}

.quote{
    color: white;
}
.nav_qoute{
 margin-bottom: 11rem;
 margin-left: 4rem;
}


.h1_ineer{
    position: relative;
    width: 80%; margin: 0 auto;
   
}
h1{
    position: absolute;
    color: white;
    text-align: center;
    font-size: 10rem;
    margin: 0;
    margin-bottom: 10px;
    font-family: "Playfair Display", serif;
    font-weight: bold;
    font-style: normal;
    z-index: 1;

}
.h2_inner{
    position: absolute;
    color: white;
    text-align: center;
    font-size: 8rem;
    margin: 0;
    margin-top: 200px;
    margin-left: 6rem;
    font-family: "Playfair Display", serif;
    font-weight: bold;
    font-style: normal;
    z-index: 1;

}
.nav_photo{
    position: absolute;
    right: 0;
    margin-bottom: 11rem;
    height: 280px;
    }
.nav_photo1{
position: absolute;
margin-bottom:86px;
bottom: -1px;
left:  0;
height: 300px;
}
.portfolio{
    padding-top: 8rem;
    margin: 0 7rem;
}
.poftrolio_title{
    color: white;
    text-align: center;
    font-size: 3rem ;
    font-family: "Playfair Display", serif;
}

.imgs{
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 2rem;
}
.img_god{
    height: 440px;
    margin-right: 1rem;   
}
.img_kids{
    height: 340px;
    margin-bottom: 100px;
}
.img_lamb{
    margin: 0;
    left: -2vh;
    top: -10vh;;
    height: 420px;
    margin-bottom: 280px;
    margin-right: 1rem; 
}
.img_mona{
    position: relative;
    height: 660px;
    padding-bottom: 3rem;
    top: -15vh;
}
.img_women{
    position: relative;
    margin: 0;
     height: 418px;
    left: -14px;
    top: -17.5rem;
}
.img_god2{
    position: relative;
    top: -14rem;
    height: 310px;
    width: 391px;
    right: -4px;
}
.about_title{
    position: relative;
    top: -6rem;
}
.about_title1{
    font-family: "Playfair Display", serif;
    color: white;
    text-align: center;
    font-size: 3rem;
    
}
.about_about{
    position: relative;
    top: -3rem;
    display: flex;
    margin: 0 15rem;
}
.about_text{
    font-family: "Playfair Display", serif;
    color: white;
    font-size: 1.4rem;
}
.about_img{
    height: 500px;
   float: right;
   margin-left: 2rem;
}
@media( max-width:1140px) and (min-width:769px){
    .h1_ineer h1{
      font-size: 7rem;
      font-weight: 300;
      margin-top: 5rem;
  }  
  .h2_inner{
    font-size: 4rem;
    font-weight: 300;
    margin-bottom: 1rem;
  } 
  .nav_photo{
   height: 150px;
   border-radius: 50%;
   margin-bottom: 4rem;
   
  }

 .nav_photo1{
    margin-bottom: 23rem;
    height: 210px;
    border-radius: 50%;
 }

}
@media(max-width:768px){
.header_links{
padding-top:  2rem;
list-style-type: none;
top: 50%; left: 50%;
align-items: center;
justify-content: center;
text-align: center;
 }
.link_header{
 text-decoration: none;
 font-size: 1.6rem;
 color: white;
 margin-right:16px;
 }

.nav_photo1, .nav_qoute{
    display: none;
}
.nav_photo{
    width: 100%;
}
.h1_ineer{
        position: relative;
        color: white;
        text-align: center;
        align-items: center;
        justify-content: center;
}
.h1_ineer h1{
    
    padding-top: 5.9rem;
    margin-right: 4rem;
    padding-right: 1rem;
    font-size: 5rem;
    color: #fff;
    font-weight: 300;
}
.h1_ineer h2{
   font-size: 3rem;
   color: #fff;
   margin-bottom: 25px;
   margin-left: 9.8rem;
   font-weight: 300;
}
.poftrolio_title{
   padding-top: 7rem;
}
.imgs{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
 }
 .img_god{
    position: relative;
     height: 220px;
     margin-right: 1rem;  
     top: -23px; 
 }
 .img_kids{
     height: 170px;
     margin-bottom: 100px;
 }
 .img_lamb{
    position: relative;
     margin: 0;
     margin-left: 24px;
     top: -6.8vh;
     height: 210px;
     margin-bottom: 280px;
    
 }
 .img_mona{
     position: relative;
     height: 330px;
     padding-bottom: 3rem;
     top: -19vh;
     margin-right: 10px;
 }
 .img_women{
     position: relative;
     margin: 0;
    height: 209px;
     left: -17px;
     top: -22.2rem;
 }
 .img_god2{
     position: relative;
     top: -20.4rem;
     height: 155px;
     width: 391px;
     right: -4px;
 }
.about_title1{
    position: relative;
    top: -7rem;
}

.about_about {
    position: relative;
    top: -11.9rem;
    display: flex;
    margin: 0 1.3rem;
}
.about_text{
    font-family: "Playfair Display", serif;
    color: white;
    font-size: 14px;
}
.about_img{
    height: 100px;
   float: right;
   margin-left: 1rem;
}
}
@media(max-width:1640px){
.h1_ineer h1{
    text-align: center;
    position: absolute;
    margin: 0 auto;
}
}