*{margin: 0; padding: 0;}
body{
    font-size: 16px;     font-family:  "Helvetica Now Text",Helvetica,Arial,sans-serif; letter-spacing: .5px;
          
}

.bodyMockup1{ background: url(../images/bodyBg1.jpg)left top no-repeat;   background-size: cover;
  background-position: center;  height: 100vh;  position: relative;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;}
.heading{font-family: RolexFont-S,sans-serif;}
footer { position: absolute;  bottom: 0px;  width: 100%;  text-align: center; background: #fff; padding: 30px 0;}
footer a{color: #000;  font-weight: 400; text-transform: uppercase;  text-decoration: none;}
footer a:hover{color: #006039;}
.title {font-size: 26px; font-weight: 700;}
.center-box{ background-color: rgba(255, 255, 255, 0.8); padding: 60px; text-align: center; position: absolute; top: 45%;  transform: translateY(-50%); }
.logo a{text-decoration: none;}
.logo p{font-family:RolexFont-S,sans-serif; letter-spacing: 2.5px; color: #a48137; font-size: 23px; line-height: 1.4;margin-top: 10px;text-transform: uppercase; font-weight: 400;}
.mailText{font-family:RolexFont-S,sans-serif; letter-spacing: 0; color: #000; font-size: 12px; line-height: 17px;margin-top: 25px;text-transform: uppercase; font-weight: 400;}
.contacts{display: flex; justify-content: space-between; flex-wrap:wrap}
.contacts a, .contacts strong {   color: #000;   font-size: 14px;}
 @media(max-width:1400px){  .contacts a, .contacts strong { font-size: 12px;} }
 @media(max-width:1200px){  .contacts a, .contacts strong { font-size: 10px;} }
 @media(max-width:992px){ 
  .contacts a, .contacts strong { font-size: 14px; margin-bottom: 10px;}
  .contacts strong {width: 100%;}
    .contacts a{order:1}
 
 }
  @media(max-width:766px){ 
      .contacts{justify-content: center;}
      .contacts a, .contacts strong{font-size: 13px;}
      .center-box{padding: 30px;}
      footer{padding-bottom: 20px;}
      .logo p{font-size: 16px;}
      .center-box{top:40%}
      .mailText{font-size: 9px; line-height: 13px;}

      
  }
  
  
/*  mockup 2 css start here*/

.containerBody { display: flex; height: 100vh;}

.containerBody .left { width: 60%;  height: 100%;}
.containerBody .right{  width: 40%;  height: 100%;}
.containerBody .left { background-color: white; display: flex; justify-content: center;  align-items: center; position: relative;}
.center-content { text-align: center;  position: absolute; top: 45%;  transform: translateY(-50%);}
.center-content h1 {font-family:RolexFont-S,sans-serif; letter-spacing: 2.5px; color: #a48137; font-size: 23px; line-height: 1.4;margin-top: 10px;text-transform: uppercase; font-weight: 400; margin-bottom: 0;}

.containerBody .right { overflow: hidden;}
.building-image { width: 100%;  height: 100%;  object-fit: cover;}
.bottomText { position: absolute; bottom: 90px;}
.bottomText.mailText{font-family:RolexFont-S,sans-serif; letter-spacing: 0; color: #000; font-size: 12px; line-height: 17px;margin-top: 25px;text-transform: uppercase; font-weight: 400;}

.footerBottom {display: flex;justify-content: space-between; font-size: 13px; flex-wrap: wrap;  text-align: center; padding: 0 15px;  position: absolute; bottom: 35px; flex-wrap: wrap; }
.footerBottom a { color: #000;  font-weight: 400; text-transform: uppercase;  text-decoration: none;}
.footerBottom a:hover { color: #006039;}
.footerBottom strong { font-weight: 700;}

  @media(max-width:1830px){ 
      .footerBottom{font-size: 12px; }
      .containerBody .left { width: 65%;  }
      .containerBody .right{  width: 35%;  }
  }
  @media(max-width:1430px){ 
   
      .containerBody .left { width: 70%;  }
      .containerBody .right{  width: 30%;  }
  }  
   @media(max-width:1250px){
     .footerBottom a{width: 50%; margin-bottom: 10px;}
     .containerBody .left { width: 60%;  }
      .containerBody .right{  width: 40%;  }
     
 } 
  
 @media(max-width:992px){
     .footerBottom a{width: 100%;}
     .containerBody .left { width: 60%;  }
      .containerBody .right{  width: 40%;  }
     
 }  
 @media(max-width:766px){
     .containerBody {flex-wrap:wrap; overflow: hidden;}
     .containerBody .left, .containerBody .right{width: 100%;}
     .containerBody .left{position: absolute; background-color: rgba(255, 255,255, 0.8);}
     .center-content h1{font-size: 16px;}
     .bottomText.mailText{font-size: 9px; line-height: 13px;}

 }