.ml5 {
        position:absolute; 
        left:15%; 
        bottom:30px;"
         font-weight: 300;
         font-size: 3.5em;
         color: #ffffff;
         }
         .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 .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;
         }
         }