@media screen and (max-width: 700px){
  h1{font-size: 90px;}

  .Intro-img{
    padding-left:0;
    padding-top:20px;
  }

  .container{padding:10%;}

  .brand-img{width:50%;}

  .brand-img-aroha{width:50%;}

  .text{font-size: 12px;}

  .aboutme-img{width: 80%;
    float:none;
  text-align: center;
 margin: 0 0 0 10px;
padding: 0 0 30px 0;}

.writeup{text-align: left;}

  .gr_grid_book_container{
    float:center;
    margin: 0 0 0 10px;
  }

  .gr_grid_container{
    padding: 0 0 20px 20px;
  }
}


/* Mobile for work */
@media (max-width: 768px) {
  .work-date {
    font-size: 0.9rem;
  }
  .work-company {
    font-size: 1rem;
  }
  .work-title {
    font-size: 0.95rem;
  }
  #workAccordion .btn-link {
    padding: 1rem 1.2rem;
  }
  #workAccordion .card-body {
    padding: 1rem 1.2rem;
  }
}


/* Mobile tap-style interaction for education */
/* Tap-style interaction for mobile */
@media (hover: none) and (pointer: coarse) {
  .edu-card:active .edu-logo {
    transform: scale(1.1);
    box-shadow: 0 0 10px rgba(38, 78, 112, 0.3);
  }
}