body {
    padding: 0px 0px   30px  0px  ;
}
#wrapper{
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
}
body.home #wrapper{
   position: static;
    height: 100vh;
}
.home{
 background: #ffffff url("../images/bg.jpg") no-repeat center center fixed;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 
}

#wrapper_about{
  width: 50%;
  margin: 0 auto;

  height: 550px;
  max-width: 100%;
}
body.about #wrapper_about{
   position: relative;
}

*{
  padding: 0;
  margin:0;
  border: none;
 outline: none;
}
.portrait-page{
    padding: 0px 0px   30px  0px  ;padding: 0px 0px   30px  0px  ;
background-color: #fff;
}
.about2{
 background: #ffffff url("../images/about2.png") no-repeat center center fixed;
  padding: 00px 0px 0px 0px;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.press{
 background: #ffffff url("../images/bg-press.png") no-repeat center center fixed;
 padding: 0px 0px 0px 0px;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.portrait {
  text-align:center;
   
  margin-top: 30px;
   }
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.portraits {
    margin-top:30px; }


#wrapper{
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
}
body.home #wrapper{
   position: static;
    height: 100vh;
}

#wrapper_about{
    width: 100%;
    margin: 0 auto;
    height: 550px;
    max-width: 100%;
    text-align: right;
}
body.about #wrapper_about{
   position: relative;
}
.about_text {
    float: right;
    width: 518px;
    padding-top: 45px;
    padding-right: 50px;
}

.name1 {
    max-height: 90vh;
    margin-bottom:3px;
    margin-left: 30px;
 }
 .link{
        height: 100%;
      display: flex;
      flex-direction: column;
      text-align: end;

      right: 0;
      justify-content: end;
          margin-right: 30px;
  }
.cf {
	clear: both;
}
}
  .link img{
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .d-grid{
    display: grid;
    grid-template-columns: 10% 80% 10%;
  }
  .position{
    position: fixed;
  }
/*
body.about{
 background: #ffffff;
}

body.about #wrapper{
 height: auto;
}
*/
.about_text{
 float: right;
 width: 518px;
 padding-top: 45px;
}
.about_text p{
 color: #f70707;
 font-family:'Abadi-MT-Condensed-Light-Regular';
 font-size: 24px;
 line-height: 24px;
 margin-bottom: 55px;
}

.about_img{
  padding-top: 195px;
  float: left;
}
.images_img {
    float: left;
    padding-top: 50px;
    /* bottom: -10px; */
    right: 0;
    /* width: 18px; */
    padding-left: 30px;
}

body.images{
 background: #ffffff;
 padding: 5px;
 position:relative
}

body.images #wrapper{
 height: auto;
 max-width: 1170px;
}

.img1{
  /*margin-right: 55px;*/
   float: left;
   width: 49%
}
.responsive {
  max-width: 100%;
  height: auto;
}
.img2{
   width: 49%;
   float: left;
}

.left-arrow{
 position: absolute;
 left:-20px;
 top: 45%;
}

.right-arrow{
 position: absolute;
 right:0;
 top: 45%;
}

.image_div{
  position:relative;
  font-family: 'Abadi-MT-Condensed-Light-Regular';
}
.img_1{
	bottom: 20px;
    left: 38px;
    position: absolute;
}

.img_2{
	  bottom: 20px;
    left: 51%;
    position: absolute;
}

.page_1 {
 background: #ffffff;
 padding: 50px 40px 50px 30px;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
 img{
  max-width: 100%;
 }