/* @import url(https://fonts.googleapis.com/css?family=Lato);
*{
	font-family: "Copperplate Gothic Bold", sans-serif;
	
} 
*/
/* BG IMG */


.box1{
  height: 80vh;
  width: 100%;
  background-image: url(./images/about.png);
  background-size: cover;
  display: table;
  background-attachment: fixed;
}
.about-body .box1>h1{
	
	color: #fff;
	font-size: 70px !important;
	margin: 0;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
  }
/* .navbar{
	background-color: transparent;
} */
h1{

	font-style: normal;
	font-size: 200px;
	font-weight: 900;
	margin: auto;
}

.logo {
	z-index: 3;
	
}
img.logo{
		width: 50px;

}
/* .profiles>*{
	border :.5px black solid;
} */


ul>li >a::after {
        position: absolute;
        content: "";
        top: 100%;
        left: 0;
        width: 100%;
        height: 1px;
        
        transform: scaleX(0);
        transform-origin: right;
        transition: 0.5s;
      }


      ul>li >a:hover::after {
        transform: scaleX(1);
        transform-origin: left;
      }

  /* Some-text */

  .some-text>div>h1{
	text-transform: uppercase;
}

/* Brand-design */
.brand-design{
	height: 80vh;
	width: 100%;
	background-image: url(./images/design-brand.jpg);
	background-size: cover;
	display: table;
	background-attachment: fixed;
  }
  .brand-design>.brand-design-text{
	
	  text-transform: uppercase;
	  color: #fff;
	  font-size: 50px;
	  margin: 0;
	  text-align: center;
	  display: table-cell;
	  vertical-align: middle;
	}

/* Profiles */


.profile-image {
	display: inline-block;
	/* display: block; */
	position: relative;
	/* position: static; */
	height:25vh;
	overflow: hidden;
	/* width:75vh; */
}

.profile-image>img{
	width: 100%;
	height: 100%;
}
.profile-image>.profile-info {
	display: block;
	position: absolute;
	/* margin: auto; */

	width: 100%;
	height: 25vh;
	background: black
		no-repeat ;
	opacity: 0;
	background-size:cover;
	overflow: hidden;
	font: 300 20px helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	transition: all .5s ease-in-out .1s;
	/* transition:all 1.5s; */
}
.profile-image>.profile-info:hover {
	opacity: .5;
	/* background-position: 100% 100%; */

}
.profile-text {
	padding: 25px;
	line-height: .1;
}
.team-members .bi-linkedin{
	color: #0d6efd!important;
}

/* 
		
.profile-image {
	display: inline-block;
	position: relative;
} */


.image-responsive{
    width:100%;
}
/* 
nav,.navbar-expand-lg>div{
    display:flex;
    justify-content:space-around;
    align-items:center;
    height:60px;
	color: #333;
    background-color:transparent;
    position:fixed;
    z-index:1;
    width:100%;
    transition:0.2s;
} */


nav,.navbar-expand-lg,.nav-expand-lg>div:not(nav.breadcrumbs){
	display:flex;
    justify-content:space-around;
	background-color:transparent;
	z-index:1;
	width: 100%;
	position:absolute;
    transition:0.2s;
	padding:0
}

* {
	box-sizing:border-box
  }


 .profile-img,.profile-info {
	height: 25vh;
	/* display:grid; */
	/* margin-left: */
}

  .profile-img>img {
    width: 100%;
    height: 25vh;
	z-index: -10;
}

.cover {
    object-fit: cover;
}


/* 
 Read More button */
button.view-more {
	padding: 10px 30px;
	border-radius: 0%;
	width:15vw;
	position: absolute;
	left: 50%;
}
.more-members{
	position: relative;
	top:-5.75%;
}
button.view-less {
		padding: 10px 30px;
		width:15vw;
		border-radius: 0%;
		margin-left: 3px;
		position: absolute;
		left: 40%;
		top: 92.5%;
		margin-top:auto;
		visibility: hidden;
		z-index: 5;
	}
button.view-more:hover {
		color: #333;
		background-color: #fff;
		transition: 0.5s;
	}

	
	button.view-less:hover {
			color: #333;
			background-color: #fff;
			transition: 0.5s;

		}


		@media screen and (max-width: 986px) {
			button.view-less,button.view-more{
				width:50vw;
				/* margin: 0 auto; */
				/* object-fit: cover; */
			}
			.box1 h1{
				font-size: 40px;
			}
			.box1{
				background-size:contain;
				background-position-y:95px;
				height:40vh;
				background-repeat: no-repeat;
			}
			nav, nav *{
				background-color: #fff;
			}
			/* header{
				height:100%;
			} */
			.team-members>*{
				width:80vw;
				/* margin:0 auto; */
			}
			.more-members{
				position: relative;
				top:-1%;
			}

			button.view-more {
				
				position: absolute;
				left: 25%;
			}
			
			button.view-less {
					
					margin-left: 3px;
					position: relative;
					left: 15%;
					margin-top:1%;
				}

		}

		nav.breadcrumbs {
			position: absolute;
			top: 10%;

		}