Dawn Theme: Heading for Mobile banner image

Shopify Discussion
1

I recently put a code to enable different mobile image on my landing page.
It went real smooth and it looks much better than before but the only concern i have is the Heading and shop button looks massive as it is for desktop.
Can someone help me with code to correct this.
Thanks in advance.

2

Can you post a bit of code here?

You can use a media query

@media (max-width: 900px) {
  .mobile-button {
    width: /* ... */;
  }

  .mobile-heading {
    // set the font-size for mobile
    font-size: 12px;
  }
}
3

@Geist Thanku for replying.
this is the code i used to add mobile image,

.banner__media:first-child {
    width: 100%;
}
.banner__media+.banner__media {
    display: none;
}
@media screen and (max-width: 749px) {
	.banner__media:first-child {
		display: none;
	}
	.banner__media+.banner__media {
		width: 100%;
		display: block !important;
	}
}