Looking for paragraph spacing help

Site URL: https://www.dancingchihuahua.com

Hey! I'm trying to figure out why I've got this big space all all screen sizes for my h6 font. I imagine it's obvious, so thanks in advance for your help! 

p, h1, h2, h3, h4, h5 {
  -webkit-hyphens: manual !important;
     -moz-hyphens: manual !important;
      -ms-hyphens: manual !important;
          hyphens: manual !important;
}
h6{
   color: rgb(255,255,255);
  font-family: sofia-pro, sans-serif;
  font-weight: 00;
  font-size: 80px;
  line-height: 1em;
  padding-top: 0px;
    
}
h7 {
   color: rgb(255,255,255);
  font-family: alice, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 2em;
 text-align: left;   
}

h5 {
  color: hsl(7, 70%, 64%);
  font-family: Sofia Pro;
  font-weight: 800;
  font-size: 30px;
}
@media screen and (max-width: 640px) { 
  h1 {
     font-size: 50px;
    }
  h3 center{
       text-align: left !important; 
    }
    p center{
       text-align: left !important; 
    }
  h6{
   color: rgb(255,255,255);
  font-family: sofia-pro, sans-serif;
  font-weight: 900;
  font-size: 50px;
  line-height: 1;
    padding-top: 0px;
}
    }

    
@media screen and (max-width:640px) {
div#block-yui_3_17_2_6_1508176087646_68928 * {
   text-align: left !important;
}

}

#block-yui_3_17_2_1_1571367142595_5719 { 
max-width: 100px !important;
    text-align: center
}

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1585863762234_7141 * {
    text-align: left;
}
}

use this

div#block-yui_3_17_2_1_1585942996366_29316 h6 {
    margin-block-start: 20px;
    margin-block-end: 20px;
}

Hey thanks for your help!  That fixed it on mobile, but on desktop and iPad screen widths it's still leaving a large space in place above and below the headline. Any other thoughts?

Thank you again!