
.logo {
  width: 55px;
}

/* Team Members Section */
.team-row {
  width: 50%;
  margin: 100px auto 400px auto;
  text-align: left;
  line-height: 2;
}

.img1 {
  width: 550px;
  float: left;
  margin-right: 30px;
  filter: drop-shadow(-10px 10px 4px #000);
}


/* Cards */
/* Cards */
#cards {
  text-align: center;
  background-color: #fff;
}

/* .card {
  width: 18rem;
  margin: 1% 4% 4% 4%;
  padding: 1% 1%;
  text-align: center;
  background-color: #f0f0f0;
  box-shadow: 10px 10px 15px #000;
} */

.card-body {
  background-color: #f0f0f0;
  box-shadow: 10px 10px 15px #000;
}


.profile-img {
  margin: 2% auto;
  width: 50%;
  border-radius: 15%;
  border-width: 2px;
  border-color: #000;
  box-shadow: 0 10px 25px #000;
}

.client-img {
  margin: 2% auto;
  width: 20%;
  border-radius: 15%;
  border-width: 2px;
  border-color: #000;
  box-shadow: 0 10px 25px #000;
}

.our-team {
  text-decoration: underline;
}


/* Documents Page */
#docs {
  text-align: center;
  background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url("../img/a/bg/Document.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}


.docs-header {
  text-align: center;
  width: 100%;
  padding: 5% 0 0.5% 7%;
  display: table;
  margin: 0;
  max-width: none;
  background-color: #373B44;
  height: 350px;
  background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url("../img/a/bg/header-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.docs-icon {
  color: #000;
  padding: 7% 0;
  transition: all .2s ease-in-out;
}

.docs-icon:hover {
  transform: scale(1.1);
  color: #aaaaaa;
}


/* Project Information Page */
#pi {
  text-align: center;
  background-color:
}

.pi-maps {
  height: auto;
  max-width: 100%;
  width: 550px;
  border-radius: 15%;
  border-width: 2px;
  border-color: #000;
  box-shadow: 0 5px 25px #000;
}


/* Staffing and Engineering Costs */
#staffing-cost {
  text-align: center;
  background-color: #f0f0f0;
}



/* SCREEN SIZES! */

/* hi-res laptops and desktops */
@media (min-width:1281px) {

 }


 /* big landscape tablets, laptops, and desktops */
 @media (min-width:1025px) {

  }

  /* tablet, landscape iPad, lo-res laptops ands desktops */
 @media (min-width:961px)  {

  }


  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
 @media (min-width:641px)  {

  }


  /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
 @media (min-width:481px)  {

  }



/* smartphones, iPhone, portrait 480x320 phones */
@media (min-width:320px)  {

 }
