.films { margin: 8px; box-sizing: border-box; a { color: #ee0; text-decoration: none; } .film { margin-bottom: 16px; h1 { font-weight: bold; font-size: 20px; } } @media screen and (max-width: 799px) { .film { margin-bottom: 16px; h2 { margin-bottom: 8px; } } } } main > .film { max-width: 1080px; margin: auto; .info { margin: 8px; margin-bottom: 32px; text-overflow: ellipsis; overflow: hidden; h1 { font-size: 24px; margin: 24px 0; } h2 { margin: 24px 0; } } video { width: 100%; } .play { text-align: center; margin: 8px; margin-top: 16px; margin-bottom: 16px; .texts { padding-top: 16px; .text { padding-bottom: 16px; } } } @media screen and (max-width: 799px) { h1 { span { display: block; margin-bottom: 8px; } } } }