@media screen and (min-width: 768px) {

  html {
    border: 10px solid #000;
    box-sizing: border-box;
  }

  img.logo {
    height: 120px;
    display: block;
    margin: auto;
  }

  .text-md-center {
      text-align: center;
  }

  .w-md-25 {
    width: 25%;
  }

  .w-md-35 {
    width: 35%;
  }

  .w-md-50 {
    width: 50%;
  }

  .w-md-55 {
    width: 55%;
  }

  .w-md-65 {
    width: 65%;
  }

  .ml-md-10 {
    margin-left: 10%;
  }

  .d-md-flex {
    display: flex;
  }

   ul.main-nav li {
     border-bottom: 0px;
     margin-left: 1.5rem;
   }

   .main-nav {
       display: flex;
       margin-right: 30px;
       flex-direction: row;
       justify-content: flex-end;
   }

   .navbar-toggle {
      display: none;
   }

   .margin-note {
     float: right;
     margin-right: -300px;
     margin-top: 1.5rem;
     max-width: 250px;
     text-align: right;
   }


   .margin-image {
       display: block;
       max-width: 55%;
       float: right;
       margin-right: -65%;
   }

   .margin-image p  {
     font-size: 1rem;
     margin-top: 1rem;
     line-height: 1rem;
   }

   .search-box input {
     width: 50%;
   }

}