.breakoutr {
    float: right;
    width: 35%;
    
    padding: 1vw;
    margin-left: 1vw;
    
    background-color: #ccc;
    color: #000;
    
    text-align: left;
    line-height: 120%;
    font-style: italic;
    }
    .breakoutr2 {
        float: left;
        width: 35%;
        
        padding: 1vw;
        margin-left: 1vw;
        margin-right: 2vw;
        background-color: #ccc;
        color: #000;
        
        text-align: left;
        line-height: 120%;
        font-style: italic;
        }
    body {
        margin: 5vw;
    }
    p {
        font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
    }
    h1 {
        font-size: calc(32px + (34 - 32) * ((100vw - 768px) / (1366 - 768)));
        text-align: center;
    }
    h2 {
        font-size: calc(26px + (28 - 26) * ((100vw - 768px) / (1366 - 768)));
    }
    ol {
        font-size: calc(18px + (20 - 18) * ((100vw - 768px) / (1366 - 768)));
    }
    hr {
        width: 90%;
        
        height: 1px;
        margin: 2vw;
    }
    img {
        width: 100%;
        float:left; 
    margin: 1vw; 
   
    }
    figure {
        display: flex;
        flex-flow: column;
        padding: 2vw;
        max-width: 55%;
        float:left; 
    margin: 1vw; 
      }
      
      
      
      figcaption {
        font: italic smaller sans-serif;
        padding: 3px;
        text-align: center;
      } 
      
.wrapper{
  position: fixed;
  top: 1%;
  left: 250%;
  transform: translate(-50%, -50%);
}


a{
  display: block;
  font-size: 24px;
  font-family: sans-serif;
  text-decoration: none;
  color: #333;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  padding: 10px;
  letter-spacing: 2px;
  transition: all .25s;
}

a:hover{
  letter-spacing: 15px;
}