#KA {
    height: 25px;
}

#head {
    font-family: 'Times New Roman';
}

#about2 {
    text-align:center; 
    margin-left:5vw;
    margin-right:5vw;
}
.profile-card-5{
    margin-top:20px;
  }
  .profile-card-5 .btn{
    border-radius:2px;
    text-transform:uppercase;
    font-size:12px;
    padding:7px 20px;
  }
  .profile-card-5 .card-img-block {
    width: 91%;
    margin: 0 auto;
    position: relative;
    top: -20px;
    
  }
  .profile-card-5 .card-img-block img{
    border-radius:5px;
    box-shadow:0 0 10px rgba(0,0,0,0.63);
  }
  .profile-card-5 h5{
    color:rgba(2,0,112);
    font-weight:600;
  }
  .profile-card-5 p{
    font-size:14px;
    font-weight:300;
  }
  .profile-card-5 .btn-primary{
    background-color:rgba(2,0,112);
    border-color:rgba(2,0,112);
  }
  .viewvid{
    color:rgba(2,0,112,0.63);
    text-decoration: none;

  }
  .box{
    padding: 0% 7%;
  }
  .head{
    font-size: 40px;
  }
  .bg { 
    position: relative; 
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../imgs/bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
}
.tw{
  position: relative;
  color: #fff !important;
}
.bg::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(2,0,112,0.63);
}
.head1{
    font-size:40px;
}
.head2{
  font-size:25px;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

  .thanks{
    font-size: 19px;
    padding-bottom:5vh;
  }
  .tracking-in-expand {
    -webkit-animation: tracking-in-expand 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
            animation: tracking-in-expand 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  }
  /* ----------------------------------------------
 * Generated by Animista on 2020-8-21 11:26:43
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.slide-in-fwd-center {
	-webkit-animation: slide-in-fwd-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-8-21 14:29:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-fwd-center
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
.socials{
  display:flex;
  margin:4vh 0 0 0;
  justify-content: space-around;
  height:128px;
}
.minisocials{
  display:flex;
  margin:auto;
  justify-content: center;
  flex-flow:center;
  height:25px;
  width:125px;
}
.linkedin:hover {
    cursor: pointer;
  }
.facebook:hover{
  cursor: pointer;
}
.github:hover{
  cursor: pointer;
}
.gitlab:hover{
  cursor: pointer;
}
.twitter:hover{
  cursor: pointer;
}
.reddit:hover{
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  header.bg {
    background-position: center;
  }
  div.head1{
    font-size:70%;
  }
  div.head2{
    font-size: 50%;
  }
  img.github{
    width:100px;
    height: 100px;
  }
  img.gitlab{
    width:100px;
    height: 100px;
  }
  img.linkedin{
    width:100px;
    height: 100px;
  }
}