.teamtitle{
  margin-top:115px;
  background-color:#FF855C;
  padding: 43px;
  display:flex; 
  flex-direction:row;
  justify-content: center;
}
.teamtitle{
  text-align: center;
  color:white;
  font-size: 40px;
  font-family: Rubik;
}
.topbar{
  margin: 100px;
  margin-top: -35px;
  display:flex;
  flex-direction:column;
  position:relative;
  top:-67px;
}
.topbar .head{
position:relative;
top: 140px;
left: 50px;
}
.topbar .head img{
  width:180px;
  height:180px;
  object-fit:cover;
  border-radius:10px;
  
}
.topbar .head button{
  background-color:#FF855C;
  width:180px;
  height:48px;
  border-radius:16px;
  padding: 10px, 20px, 10px, 20px;
  font-family:Rubik;
  font-weight: 500, medium;
  font-size: 16px;
  border: none;
  color:white;
  margin-left: 44px;
  position:relative;
  top:10px;
}
.topbar .desc{
  display:flex;
  flex-direction:row;
  justify-content: flex-start;
  background-color:white;
  padding: 50px;
  padding-bottom: 20px;
  padding-top:150px;
box-shadow: 0px 23px 80px rgba(0, 0, 0, 0.07), 0px 8px 32px rgba(0, 0, 0, 0.04);
border-radius: 25px;

}
.coaches{
  padding-top:25px;
  margin-top:-75px;
    background-image: url("../images/team_member_back.jpg");
  background-color: #cccccc;
  top: -20px;
}
.topbar .descriptor{
  display:flex;
  flex-direction:column;
  margin-top:20px;
  margin-right:60px;
}
.topbar .descriptor h2{
  text-align:left;
  font-size: 18px;
  color:#7E89A1;
  font-family:sans-serif;
  padding:0px;
}
.topbar .descriptor h4{
  font-size: 24px;
  color:#15022F;
  font-family:Rubik;
  padding:0px;
  font-weight:500, medium;
}

.coaches h1, .players h1{
  width:100%;
  text-align:center;
}
.person{
    display:flex;
    flex-direction:column;
    margin: 20px auto;
    width:170px;
}
.person img{
    border-radius:50%;
    width: 170px;
	height: 170px;
    z-index:1;
}
.person > div{
    display: flex;
    flex-direction:row;
    justify-content:center;
    width:200px;
}

.person a{
    font-family: Rubik;
    width:200px;
    font-size: 15px;
    margin-top:10px;
    position:relative;
    z-index: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    text-decoration:none;
    text-align:center;
}

.coachgrid{
    display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.playergrid{
      display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.players{
  padding-top:60px;
  background-image: url("../images/team_member_back.jpg");
  background-color: #cccccc;
}


@media screen and (orientation: portrait){
    .coachgrid{
        display: grid;
  grid-template-columns: 1fr 1fr;
  }
  .playergrid{
      display: grid;
  grid-template-columns: 1fr 1fr;
}
  body{
    overflow-x:hidden;
  }
  .topbar .desc{
    flex-direction:column;
  }
  .topbar .head{
    display:flex;
    flex-direction:column;
  }
  .topbar .head button{
    margin:0 auto;
  }
  .topbar {
    margin:20px;
    padding:0px;
  }
  .topbar .head{
    margin:0;
    padding:0px;
    left:0;
  }
  .topbar .head img{
    margin: 0 auto;
  }
}