body{
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px;
    padding: 0;
    background-color: #fbfbfa;
}

.header{
    display: flex;
    justify-content: center;
    background-color: #1b2e58;
    color: #edecd8;
    font-size:18px;
    padding: 15px 0px;
}
.headernav{
    display: flex;
    justify-content: center;
    background-color: #2F5C9E;
    color: #edecd8;
    font-size:18px;
    padding: 5px 0px;
}
.headerwrp{
    display: flex;
    justify-content: space-between;
    width: 55%;
}

.headerwrp a{
    color: #edecd8;
    text-decoration: none;
}

.headerwrp a:hover{
    color: #cacabb;
    cursor: pointer;
}

.headerwrpnav{
    display: flex;
    justify-content: space-between;
    width: 55%;
}

.headerwrpnav a{
    color: #edecd8;
    text-decoration: none;
}

.headerwrpnav a:hover{
    color: #cacabb;
}

.links{
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.mainwrp{
    display: flex;
    justify-content: center;
    background-image: url('../img/bgtile.jpg');
    
   
}

.imgwrp{
    display: flex;
    justify-content: center; 
}

.ccolwrp{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-color: #edecd8;
    width: 55%;
}

.bottom{
    display: flex;
    justify-content: center;
    background-color: #1b2e58;
    color: #edecd8;
    font-size:12px;
    padding: 15px 0px;
    height: 100px;
}

.btmwrp{
    display: flex;
    justify-content: space-between;
    width: 55%;
}

.btmrgt{
    text-align: right;
}

.contentwrp{
    display: flex;
    justify-content: center;
}

.about img{
    width:567px; 
    height:770px;
}


.productwrp{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-size: 30px;
    color: #1b2e58;
    background-color: white;
    width: 55%;
    text-align: center;
}

.servcolwrp{
    display: flex;
    justify-content: space-around;
    padding: 100px 0px;
}

.servwrp{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 200px;
    width: 200px;
    background-image: url('../img/bgtile.jpg');
    border-radius: 35px;
    background-position: center;
}

.servname a{
    color: #1b2e58;
    text-decoration: none;
}

.servname{
    background-color: #edecd8;
    padding: 5px;
    color: #1b2e58;
    text-decoration: none;
}


.contentwrptwo{
    display: flex;
    justify-content: center;
    background-color: #2F5C9E;
}

.gallerywrp{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 75px;
    margin-bottom: 75px;
    width: 55%;
    border: solid 5px;
    border-color: #edecd8;
    border-radius: 35px;
    color: #edecd8;

}

.gallerywrp h1{
    font-size: 45px;
}
.gallerywrp p{
    font-size: 30px;
}

.gallerybtm{
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    width: 20%;
    height: 45px;
    margin: 30px auto;
    padding: 15px;
    font-size: 30px;
    color: #2F5C9E;
    text-decoration: none;
    background-color: #edecd8;
}

.gallerybtm a{
    text-decoration: none;
    color: #1b2e58;
}

.contwrp{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 200px;
    width: 200px;
    background-image: url('../img/phone.jpeg');
    border-radius: 35px;
    background-position: center;
}






/* Contact */

.mwrp{
    display: flex;
    justify-content: center;
    background-color: white;   
    padding: 20px;
   
}
.ccolwrpct{
    display: flex;
    flex-direction: column;
    width: 55%;
    
}

.productwrpct{
    display: flex;
    justify-content: space-between;
    font-size: 30px;
    color: #1b2e58; 
    margin-top: 30px;
    
}

input[type=text] {
    width: 45%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #1b2e58;
    border-radius: 4px;
    box-sizing: border-box;
}

textarea {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #1b2e58;
    border-radius: 4px;
    box-sizing: border-box;
}


input[type=email] {
    width: 45%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #1b2e58;
    border-radius: 4px;
    box-sizing: border-box;
  }

  select {
    width: 100px;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #1b2e58;
    border-radius: 4px;
    box-sizing: border-box;
  }
  button[type=submit] {
    width: 100%;
    background-color: #1b2e58;
    color: #edecd8;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  button[type=submit]:hover {
    background-color: #263c6b;
  }

  /*About*/

  .abtlogo{
    display: flex;
    justify-content: center;
  }

  .values{
    display: flex;
    justify-content: center;
  }

  .valueswrp{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 75px;
    margin-bottom: 75px;
    width: 100%;
    border: solid 5px;
    border-color: #1b2e58;
    border-radius: 35px;
    color: #1b2e58;
  }

  .valueswrp h1{
    font-size: 45px;
  }
  
  .valueswrp p{
    font-size: 30px;
}

.vlewrp{
    display: flex;
    justify-content: space-around;
}

.storywrp{
    padding: 0px 25px 0px 0px;
    text-align: justify;
    font-size: 20px;
    
}

.storywrp2{
    padding: 0px 0px 0px 25px;
    text-align: justify;
    font-size: 20px;
    
}

/* services */

.srv{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.srvwrpleft{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 50px;
}

.srvwrpright{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 50px;
}

.srvwrplft{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    margin-left: 30px;
    color: #1b2e58;
}

.srvwrprgt{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 15px;
    margin-right: 30px;
    color: #1b2e58;
}

.srvwrplft a{
    width: 100%;
    padding: 15px;
    color: #1b2e58;
    background-color: #edecd8;
    text-decoration: none;
    border-radius: 10px;
    font-size: 20px;
    margin-top: 10px;
}

.srvwrplft a:hover{
    width: 100%;
    padding: 15px;
    color: #2F5C9E;
    background-color: #cacabb;
    text-decoration: none;
    border-radius: 10px;
    font-size: 20px;
}

.srvwrprgt a{
    width: 100%;
    padding: 15px;
    color: #1b2e58;
    background-color: #edecd8;
    text-decoration: none;
    border-radius: 10px;
    font-size: 20px;
}

.srvwrprgt a:hover{
    width: 100%;
    padding: 15px;
    color: #2F5C9E;
    background-color: #cacabb;
    text-decoration: none;
    border-radius: 10px;
    font-size: 20px;
}

/* Gallery */

.gallery{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
}

.gallery img{
    width: 300px;
    height: 400px;    
    padding-bottom: 10px;

}

#galheadsr{
    display: flex;
    justify-content: center;
    color: #1b2e58;
    padding: 25px;
    align-items: center;
}

#galheadsr img{
    height: 35px;
    width: 35px;
    rotate: 45deg;
    margin-left: 50px;
    margin-right: 50px;
}

#galheadbh{
    display: flex;
    justify-content: center;
    color: #1b2e58;
    padding: 25px;
    align-items: center;
    
}

#galheadbh img{
    height: 35px;
    width: 35px;
    rotate: 45deg;
    margin-left: 50px;
    margin-right: 50px;
}

#galheadfr{
    display: flex;
    justify-content: center;
    color: #1b2e58;
    padding: 25px;
    margin: 50px;
    align-items: center;
}

#galheadfr img{
    height: 35px;
    width: 35px;
    rotate: 45deg;
    margin-left: 50px;
    margin-right: 50px;

}

#galheadds{
    display: flex;
    justify-content: center;
    color: #1b2e58;
    padding: 25px;
    margin: 50px;
    align-items: center;
}

#galheadds img{
    height: 35px;
    width: 35px;
    rotate: 45deg;
    margin-left: 50px;
    margin-right: 50px;

}

#galheadms{
    display: flex;
    justify-content: center;
    color: #1b2e58;
    padding: 25px;
    margin: 50px;
    align-items: center;
}

#galheadms img{
    height: 35px;
    width: 35px;
    rotate: 45deg;
    margin-left: 50px;
    margin-right: 50px;

}

#galnav{
    display: flex;
    justify-content: center;
    margin: 75px 0px;
    height: auto;
}

#galnav a{
    text-decoration: none;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    border: #2F5C9E solid 3px;
    color: #2F5C9E;
    font-size: 20px;

}

#galnav a:hover{
    background-color: #1b2e58;
    color: #fff;
    cursor: pointer;

}

.navgal{
    display: flex;
    justify-content: space-around;
    width: 90%;
}

/*contact*/

.productwrpct a{
    color: #1b2e58;
    text-decoration: none;
}