*{
    box-sizing:border-box;
    background-color: #002A38;
}
.wrapper{
    display:flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    margin: 0 20%;
    
}

.highlight{
    font-family: 'Pacifico', cursive;
    color: #e83e14;
    font-size: 2.8rem;
    margin: 0;
}

.main-text{
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 2.3rem;
    color:#F6AE2D;
    max-width: 600px;
}

.find-me{
    font-size: 1.7rem;
}


p {
    text-align: justify;
    margin-top: 0;
}
@media screen and (max-width: 992px) {
    .wrapper{
        margin: 0 5%;
    }
    .main-text{
        max-width: 500px;
    }
    
    img{
        width:10%; /* you can use % */
        height: 10%;
    }
  }
  
  /* On screens that are 600px or less, set the background color to olive */
  @media screen and (max-width: 600px) {
    .wrapper{
        margin: 0 10%;
    }
    .highlight{
        font-size: 1.6rem;
    }
    .main-text{
        font-size: 1.3rem;
    }
    img{
        width:10%; /* you can use % */
        height: 10%;
    }
  }