.page-title { position: relative; padding: 10px 0; } .page-title .container { position: relative; margin-bottom: -10px; } .page-title .container > * { margin-bottom: 10px; } .page-title .title { font-size: 23px; line-height: 1.2; position: absolute; bottom: 15px; color: #fff; text-transform: uppercase; margin: 0; text-align: right; } .title-design-centered { text-align: center; } .title-design-disable { display: none; } .title-size-default { height: 150px; } @media (min-width: 1025px) { .title-size-small { padding: 20px 0; } .title-size-small .title { font-size: 44px; } .page-title.title-size-default { margin-top: -70px; height: 300px; } .title-size-default .title { font-size: 50px; right: 18%; } .title-size-large { padding: 100px 0; } .title-size-large .title { font-size: 78px; } } @media (max-width: 1024px) { .title-size-default .title { right: 50px; } .page-title-default.page-title { margin-top: -50px; } .page-title .title { font-size: 28px; } .title-size-default { height: 200px; } } @media (max-width: 768px) { .title-size-default .title { right: 20px; } }