*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
.navi{
  background-color: darkmagenta;
}
.collapse ul li a{
  color: #f1f1f1;
}
.container-fluid a{
  color: #f1f1f1;
}
.di {
  color: #2a142a !important;
}
.di:hover{
  background-color:deeppink !important;
}

.fakeimg {
    height: 200px;
    background: #aaa;
  }

/* top */
.p-5 {
    margin-top: 55px;
}
.fakeimg img{
    height: 27vh;
    width: 100%;
}
.nav{
    margin-top:60px;
}

/* footer */
.content {
    height: 70vh; }
  
  .footer-20192 {
    margin-top: 90px;
    position: relative;
    color: #fff;
    padding: 7rem 0;
    background-color: #2a142a; }
    .footer-20192 .container {
      position: relative; }
      .footer-20192 .container .ml-auto {
        padding-left: 700px;
      }
    .footer-20192 h3 {
      font-size: 16px;
      margin-bottom: 10px;
      margin-top: 0;
      line-height: 1.5; }
    .footer-20192 .links li {
      margin-bottom: 10px;
      line-height: 1.5;
      display: block; }
      .footer-20192 .links li a {
        color: #666873; }
        .footer-20192 .links li a:hover {
          color: #fff; }
    .footer-20192 .social li {
      display: inline-block;
      position: relative; }
      .footer-20192 .social li a {
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: inline-block;
        margin: 0;
        padding-left: 10px;
        background-color: #d581d2;
        color: #fff; 
        font-size: 25px;}
        .footer-20192 .social li a > span {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
    .footer-20192 .footer-logo {
      color: #fff;
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: .1rem; }
    .footer-20192 .copyright {
      color: #666873; }
    .footer-20192 .cta {
      -webkit-box-shadow: -20px -20px 0 0 rgba(52, 58, 64, 0.2);
      box-shadow: -20px -20px 0 0 rgba(52, 58, 64, 0.2);
      padding: 20px;
      background-color: #d581cd;
      top: -150px;
      position: relative; }
      .footer-20192 .cta h2, .footer-20192 .cta h3 {
        line-height: 1.5; }
      .footer-20192 .cta h3 {
        font-size: 20px; }