.ml5 {
   position: absolute;
   left: 16%;
   bottom: 30px;
   "
font-weight: 300;
   font-size: 3.5em;
   color: #ffffff;
   top: 42%;
 }
 .ml5 .text-wrapper {
   position: relative;
   display: inline-block;
   padding-top: 0.1em;
   padding-right: 0.05em;
   padding-bottom: 0.15em;
   line-height: 1em;
 }
 .ml5 .line {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   height: 3px;
   width: 100%;
   background-color: #402d2d;
   transform-origin: 0.5 0;
 }


 .ml5 .line1 {
   position: absolute;
   left: 0;
   top: -344%;
   bottom: 0;
   margin: auto;
   height: 3px;
   width: 100%;
   background-color: #402d2d;
   transform-origin: 0.5 0;
 }

 .ml5 .line2 {
   position: absolute;
   left: 0;
   top: 110%;
   bottom: 0;
   margin: auto;
   height: 3px;
   width: 100%;
   background-color: #402d2d;
   transform-origin: 0.5 0;
 }



 .ml5 .ampersand {
   font-family: Baskerville, serif;
   font-style: italic;
   font-weight: 400;
   width: 1em;
   margin-right: -0.1em;
   margin-left: -0.1em;
 }
 .ml5 .letters {
   display: inline-block;
   opacity: 0;
 }
 @media(max-width:1024px) {
   .ml5 {
     font-size: 3.5em;
     bottom: 20px;
     "

   }
   .ml5 .line {
     height: 2px;
   }
 }
 @media(max-width:768px) {
   .ml5 {
     font-size: 2.5em;
     bottom: 20px;
     "

   }
   .ml5 .line {
     height: 2px;
   }
 }
 @media(max-width:540px) {
   .ml5 {
     font-size: 1.7em;
     bottom: 10px;
     "

   }
   .ml5 .line {
     height: 1px;
   }
 }
 @media(max-width:375px) {
   .ml5 {
     font-size: 1.2em;
     bottom: 10px;
     "

   }
   .ml5 .line {
     height: 1px;
   }
 }