.redbackground{
  background: #820e05;
}
.yellowtext{
  color:#c34c2c;
}
.redtext{
  color: #820e05;
}
.whitetext{
  color:#fff;
}
.storyp{
  padding:6%;
  padding-bottom:0%;
  padding-top:0%;
  text-align: center;
}
.portfolioitemcustom{
  width: 20%;
  float: left;
}
.portfolio-caption-custom{
  height:120px
}
.footertext{
  margin-left: 2%
}
.vision-margin-top{
  margin-top: 2%;
}
.contactdetails{
  margin:20%;
}
.respect{
    width: 75%;
    margin-left: 13%;
    text-align:  justify;
}
.single-address{
  margin-top: 2%
}
.h-divider{
  width: 50%;
  border:  1px solid white;
  margin-left: 26%;
}


@media only screen and (max-width: 600px) {
    .sociallinks {
      margin-left: 38%;
    }
    .buttontellmemore{
      border-radius: 3px;
      font-size: 10px;
      padding: 5px 13px;
    }
    .portfolioitemcustom{
      width: 80%;
      padding-left: 20%
    }
    .portfolioitemnewrow{
      margin:0%
    }
    .middle{
      padding-left: 11%;
      background-color: white;
      display: flex;
    }
    .slider-container{
        margin: 0px;
        padding: 0px;
        width: 100%;
        margin-top: 13%;
    }
}
@media (min-width: 767px){
  div#newshortrow1{
    margin-left:14% !important
  }
  #portfolio .portfolio-item {
      margin: 2%;
  }
  .navbar-brand-fontsize{
    font-size: 19px !important
  }
  .slider-image-width-height{
    height: 620px !important;
    width: 100% !important;
  }
}
@media (max-width: 767px) and (min-width: 600px){
  .portfolioitemcustom{
    width: 29%;
    float: left;
    display: contents;
  }
  .middle{
    width:50%;
  }
}


.container{
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto;
}
@media (min-width:768px){
  .container{
    width:700px;
  }
  .contactdetails{
    text-align:center;
    display: contents;
  }
  .nav-bar-padding{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .slider-container{
      margin: 0px;
      padding: 0px;
      width: 100%;
      margin-top: 6%;
  }
  .slider-image-width-height{
    height: 620px !important;
    width: 100% !important;
  }
}
@media (min-width:992px){
  .container{
    width:950px;
  }
  div#newshortrow1{
    margin-left:14% !important
  }
  .contactdetails{
    text-align:center;
    display: contents;
  }
  .slider-container{
      margin: 0px;
      padding: 0px;
      width: 100%;
      margin-top: 4%;
  }
  .slider-image-width-height{
    height: 620px !important;
    width: 100% !important;
  }
}

@media (min-width:1200px){
  .container{
    width:1170px;
  }
  #portfolio .portfolio-item {
      margin: 2%;
  }

  .containeravatar {
      position: relative;
  }

  .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    display: flex;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }

  .containeravatar:hover .image {
    opacity: 0.4;
  }

  .containeravatar:hover .middle {
    opacity: 1;
  }
  .contactdetails{
    text-align:center;
    display: contents;
  }
  .slider-container{
      margin: 0px;
      padding: 0px;
      width: 100%;
      margin-top: 4%;
  }

  .slider-image-width-height{
    height: 608px !important;
    width: 100% !important;
  }
}
@media (min-width:1400px){
  .slider-image-width-height{
    height: 775px !important;
    width: 100% !important;
  }
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.instagram {
  color: white;
}
.advisor-detail-height{
  height:78px;
}
.advisor-image-height{
  height: 267.7px;
}
.logo-backdrop{
  background: #d8d8d8;
  border-radius: 5px;
  padding: 1%;
}