How Do I Move Down The "WELCOME" That Is Right Above "For Enthusiasts By Enthusiasts" On Home Page

[timelessracing]

*On Mobile* This is on the home page of my website, for some reason the "WELCOME" overlaps my logo. I want to move it down so that it is below the line that it is currently above. 

https://timelessracingco.com/

[timelessracing]

So sorry I forgot. 

https://timelessracingco.com/

[Dan-From-Ryviu]

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

@media (max-width: 767px) {
    #shopify-section-template--23454273634592__background_video_TVzTRE .background-video.mobile-height-500 {
        min-height: 450px !important;
    }
    #shopify-section-template--23454273634592__background_video_TVzTRE .background-video__content .subheading { margin-bottom: 8px; }
}

[Kyle_liu]

Hi @timelessracing 

Edit theme code:

@media (max-width: 767px) {
   .background-video__content {
      max-width: 600px;
      margin: 0 auto;
      margin-top: 0px;
      color: #fff;
      margin-top: 100px;
   }
}

[Eric-HAN]

Add the above code to your theme.liquid

[namphan]

Hi @timelessracing,

Please go to Actions > Edit code > Assets > background-video.css file and paste this at the bottom of the file:

@media only screen and (max-width: 767px) {
    .background-video.mobile-height-500 {
        align-items: flex-end;
    }
}