.px-4 {
   padding:30px; 
}
.px-6 {
    padding-top:180px;
}
.pt-4 {
    padding:8px;
}
.pt-3 {
    padding-top:200px;
}


.mt-0 {
    margin-top:600px;
}

p {
    font-size: 35px;
    padding-top:0;
    text-align: left;
    font-family:'bilo';
}

.container {
    width:1000px;
}

h3 {
    padding-top:30px;
    margin-bottom:0;
    font-size:44px ;
    text-align: left;
    font-family: 'bilo';
    font-weight: 700;
font-style: normal;
}

.nav {
    padding:20px;
    padding-right:100px;
}
.nav-link:active a{
    color:#fe8357 !important
}
.nav-link {
    color:black;
    font-size:18px;
    font-family: 'bilo';
    
  }
  
  .nav-link:hover {
      color:#CBAAA5;
  }

.panel1 {
    
    height:650px;
}
.panel2 {
    background-color: white;
    padding-top:60px;
}


}
.card:hover{
    transform: scale(1.05);
 box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  }
  

  @media only screen and (min-width: 768px) {
      /* For tablets: */
     .card{
         width:1000px;
     } 
  }

  .title {
 padding-top:230px;

 font-family: 'bilo';
 
}

.aboutproj {
    padding-top:30px;
    padding-right:200px;
    padding-left:200px;
    padding-bottom: 230px;
    font-size: 22px;
    text-align:center;
}

.card-text {
    font-size:20px;
    padding-top:10px;
    padding-bottom: 10px;
}

.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    box-shadow: none;
     
}
.card {
    background-color:#ffece8 ;
    font-size: 1em;
    overflow: hidden;
    padding: 5;
    padding-bottom:30px;
    border: none;
    border-radius: .28571429rem;
    margin-top:20px;
    box-shadow:  5px 10px #CBAAA5;
    height:300px;
}



.btn {
  margin-top: auto;
  color: #CBAAA5;
  background: transparent;
  border-color: #CBAAA5;
  width:135px;
  font-size: 20px;
  font-family: 'bilo';

}

.btn:hover {
    background-color:#CBAAA5;
    border-color: #CBAAA5;
}

.card-title {
    font-family: 'bilo';
    font-size: 31px;
    font-weight: 700;
font-style: normal
}

.biggercard {
    background-color:#FDF6F5 ;
    font-size: 1em;
    overflow: hidden;
    padding: 5;
    border: none;
    border-radius: .28571429rem;
    margin-top:20px;
    box-shadow:  5px 10px #CBAAA5;
    height:300px
    
}

h1 {
    font-family: 'bilo';
    font-size: 31px;
    font-weight: 700;
font-style: normal;
padding-bottom:30px;
}

mark {
    background-color: #CBAAA5;
   
}

.panel3 {
    background-color: #ffece8;
    height:700px;
}
.scope {
    background-color: #ffece8;
    margin-left:100px;
    margin-right:100px;
    height:800px;
}
    
.text-start {
    font-size: 25px;
    
}
.text-end {
    font-size:25px;
    margin-left:-20px;
}

.projoverview {
    font-size:35px;
    font-family: 'bilo';
    font-weight: bold;
    padding-top: 60px;
    padding-bottom: 45px;
}
.projoverview2 {
    font-size:20px;
    font-weight: 400;
font-style: normal;
padding-left: 170px;
padding-bottom: 5px;
padding-top: 8px;
}
.projoverview3 {
    font-size:20px;
    font-weight: 400;
font-style: normal;
padding-left: 170px;
}
.projoverview5 {
    font-size:40px;
    font-weight: 400;
font-style: normal;
padding-left: 170px;
}
ul {
    padding:0px;
}
.btn-primary {
    width:200px;
}

.projrole {
   
        font-size:20px;
        font-weight: 400;
    font-style: normal;
    padding-bottom: 5px;
    padding-top: 15px;


}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

 /*footer*/

.footer-16371 {
	position:absolute;
left:0;
right:0;

	background-color:#FDF6F5 ;
	margin:0;
    padding: 7rem 0;
    font-family: "Poppins", sans-serif; }
    .footer-16371 .footer-site-logo {
      text-align: center;
      font-size: 2rem;
      font-weight: 900; }
      .footer-16371 .footer-site-logo a {
        color: #4200ff; }
    .footer-16371 .nav-links {
      padding: 0;
      margin: 0; }
      .footer-16371 .nav-links li {
        display: inline-block; }
        .footer-16371 .nav-links li a {
          padding: 10px;
          color: #000; }
          .footer-16371 .nav-links li a:hover {
            color: #4200ff; }
    .footer-16371 .social h3 {
      font-weight: bold;
      font-size: 18px;
      color: #000; }
    .footer-16371 .social ul li {
      display: inline-block; }
      .footer-16371 .social ul li a {
        display: inline-block;
        padding: 10px; }
      .footer-16371 .social ul li.in a {
        color: #df588a; }
      .footer-16371 .social ul li.tw a {
        color: #15b8ff; }
      .footer-16371 .social ul li.fb a {
        color: #3742d0; }
      .footer-16371 .social ul li.dr a {
        color: #fa38c1; }
      .footer-16371 .social ul li.pin a {
        color: #dd4d5a; }
    .footer-16371 .copyright {
      color: #999999; }
  
      .mb-0 {
          font-size: 20px;
      }