*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto Condensed,serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.content{display:flex;flex-direction:column;text-align:center;justify-content:space-between;height:calc(100vh - 58px);background:linear-gradient(120deg,#5a85cec0,20%,#d5dbe4c0)}.img-content{width:auto;height:auto}.img{vertical-align:bottom}.description{margin-top:50%;display:flex;flex-direction:column;justify-content:space-between;text-transform:uppercase}.line{width:350px;height:1px;background-color:#000;align-self:center;margin-top:10px;margin-bottom:10px}.title{font-size:28px;font-weight:500}.subtitle{font-size:24px}@media only screen and (min-width: 799px){.description{margin-top:30%}}@media only screen and (min-width: 899px){.description{margin-top:20%}}@media only screen and (min-width: 1200px){.content{display:block;height:100vh;background:linear-gradient(120deg,#5a85cec0,30%,#d5dbe4c0)}.description{margin-top:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.description .title{font-size:32px}.description .subtitle{font-size:28px}.line{margin-top:20px;margin-bottom:20px}.img-content{width:100%;height:100%}.img{width:100%;height:100%;object-fit:cover;filter:opacity(.7)}}