Why isn't the margin-top applied when using nth-of-type, but it works fine when passing the value 3?
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.rc105 .rc105-subheader:nth-of-type(2) {
margin-top: 32px;
}
</style>
</head>
<body>
<section class="rc105 rc105v0" >
<div class="cwidth">
<div class="rc105-subheader">
<div class="rc105-ttl">
Applications
</div>
<p class="desc"> together.
<a href="#" class="link">Learn more </a></p>
</div>
<div class="rc105w1 rw-scrim-neutral-40bg">
</div>
<div class="rc105-subheader">
<div class="rc105-ttl">
Test
</div>
<p class="desc"> platform.
<a href="#" class="link">Learn</a></p>
</div>
<div class="rc105w1 rw-scrim-neutral-40bg">
</div>
</div>
</section>
</body>
</html>