Debug hardware like the pros with the logic analyzer you'll love.
*/
#HomepageTile {
position: relative; /*needed for the video position*/
height: 900px;
padding: 0 0 0 0;
background: url('//d2zk8zqyfisjls.cloudfront.net/Content/Images/Tiles/Homepage/hero-tile-optimized-1.jpg') center top no-repeat;
}
#HomepageTile div:nth-child(1) {
margin: 0 auto;
margin-top: 190px;
margin-bottom: 50px; /*two vertically arranged divs will have their vertical margins 'collapse' to the smaller of the two -- so we specify the same margin for each"*/
width: 500px;
text-align: center;
}
#HomepageTile div:nth-child(1) h1 {
font-size: 30px;
font-weight: 400;
line-height: 145%;
color: #FFFFFF;
text-shadow: 1px 2px 6px #666666;
user-select: none;
cursor: default;
}
#HomepageTile div:nth-child(2) {
height: 300px;
width: 500px;
/*margin-top: 50px; this margin is ignored, probably due to the magic of css 'margin collapse' */
margin: 0 auto; /*The button does not have an absolute width, so it refuses to center itself unless it is inside a div of absolute width*/
text-align: center; /*applies to text inside this div, because for some reason the