.btn-transition {
    transition: all 0.1s ease; 
}

.first-color {
  color: #C81161;
}

.first-background {
  background: #C81161;
  color: #fff;
}

.first-border-color {
  border-color: #C81161;
}

.first-background:hover {
  background: transparent;
  color: #C81161;
  border-color: #C81161;
}

input {
  height: 48px;
}

.active-link {
  color: #C81161;
  border-bottom: 2px solid #C81161;
}


.text-inverse {
  color: #fff !important;
}

.full-page {
  min-height: calc(100vh - 40px);
}

.jumbotron {
  margin-top: 40px;
}

#team {
  position: relative;
}

.right {
  float: right;
}

.left {
  display: block;
  overflow: hidden;
}

#about {
  background: #e9ecef;
}

.imgAbout {
  width: 100%;
  height: 100%;
}

.bot-nav {
  display: none;
}

.icon {
  font-size: 25px;
  color: #000;
}

.active-icon{
  font-size: 25px;
  color: #C81161;
}

@media (max-width: 480px) {
  .bot-nav {
      z-index: 1000;
      background: red;
      width: 100%;
      bottom: 0;
      background: #fff;
      box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.7);
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding: 10px 20px 5px 20px;
      z-index: 1;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  }
}

@media (max-width: 370px) {
  .bot-nav {
      z-index: 1000;
      background: red;
      width: 100%;
      bottom: 0;
      background: #fff;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding: 10px 20px 5px 20px;
      z-index: 1;
  }
}