html,
body,
.main_header,
.view {
  height: 100%;
}

.navbar{
  -webkit-box-shadow: none !important;
  box-shadow: none !important;

}
.nav-link{
  font-size: 20px;
}

.nav-item{
  padding-right: 20px;
}

@media only screen and (max-width: 768px) {
.mobile-collapse{
  background: #060e1e!important;
  margin-top: 0px !important;
}
}

@media (max-width: 1200px){
  .time3-size{
    height: 80% !important;
  }
}

@media (max-width: 450px){
  .time3-size{
    height: 50% !important;
}
}
/* .nav-link a:before {
  visibility: visible;
  width: 25px;
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 3px;
  left: 25px;
  background-color: #361542;
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}

.nav-link a:hover{
  color: #fff;
  text-decoration: none;
}  */


.top-nav-collapse {
    background: #060e1e!important;
    margin-top: 0px !important;
}
.h0-responsive {
  font-size: 300%;
}
.main-heading {
  font-size: 200%;
}
.paper-subhead {
  font-size: 140%;
}
.paper-section-spacing {
  padding-top: 1rem !important;
  /* padding-bottom: : 1rem !important; */
}
.paper-abstract {
  float: right;
  width: 100%;
}
.large-screen-paper-image {
  display: none !important;
}
.footer-grey {
  color:gray;
}
.footer-line {
  font-size: 140%;
}
#timelineCard {
    display: none; 
  }
#verticalTimeline {
    display: block; 
  }
@media (min-width: 576px) {
  .h0-responsive {
    font-size: 340%;
  }
  .main-heading {
   font-size: 220%;
  }
@media (min-width: 768px) {
  .h0-responsive {
    font-size: 400%;
  }
  .main-heading {
    font-size: 300%;
  }
  .paper-text {
    font-size: 125%;
  }
  .paper-subhead {
    font-size: 170%;
  }
  .paper-section-spacing {
    padding-top: 1.5rem !important;
    /* padding-bottom: : 1.5rem !important; */
  }
  .paper-abstract {
    float: right;
    width: 45%;
  }
}

@media (min-width: 992px) {
  .h0-responsive {
    font-size: 400%;
  }
  .main-heading {
   font-size: 300%;
  }
@media (min-width: 1200px) {
  .paper-text {
    font-size: 125%;
  }
  .h0-responsive {
    font-size: 500%;
  }
  .main-heading {
    font-size: 350%;
  }
  #timelineCard {
    display: flex; 
  }
  #verticalTimeline {
    display: none; 
  }
}
@media (max-width: 1346px) {
  #purpose-break {
     display: none;
  }
}@media (min-width: 1500px) {
  .paper-text {
     font-size: 125%;
     line-height: 30px;
     letter-spacing: 1px;
  }
}
@media (min-width: 1800px) {
  .small-screen-paper-image {
    display: none !important;
  }
  .paper-text {
    font-size: 125%;
     line-height: 40px;
     letter-spacing: 1px;
  }
  .large-screen-paper-image {
    display: block !important;
  } 
}

.card-flip {
  perspective: 1000px;
}

.card-flip > div {
  backface-visibility: hidden;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
}

.card-front {
  transform: rotateY(0deg);
}

.card-back {
  transform: rotateY(180deg);
  position: absolute;
  top: 0;
}
/* 
.card-flip:hover .card-front {
  transform: rotateY(-180deg);
}
  
.card-flip:hover .card-back {
  transform: rotateY(0deg);
} */