@media (max-width: 1200px) {
  :root {
    --f-base: 14px;
    --f-h1: 24px;
    --f-h2: 18px;
    --f-small: 10px;
  }
  .header-icon img {height: 6em;}
  
  .sidebar-holder {flex-basis: 150px;}
  #littleguy {width: 10em;}
}

@media (max-width: 900px) {
  .logobox {
    height: 100px;
  }
  .logo {
    width: 180px;
    top: 50px;
  }
  
  .row-mediable {flex-direction: column;}
  .row-mediable .column:not(:last-child) {
    margin: 4px 0;
  }
  
  .sidebar-holder {flex-basis: auto;}
  .sidebar {
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .sidebar .aggrieve {
    margin: 3px;
  }
  
  .com-img {width: 90%;}
  .cre-media img {max-height: 200px;}
}
@media (max-width: 730px) {
  .wrap {
    --ppaddin: 10px;
    width: 100%;
    border-width: 5px;
  }
  .header {font-size: var(--f-small);}
  
  .hor-floaty {
    width: 100px;
    right: 0;
    bottom: -50px;
  }
}