@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff;font-family:Inter,sans-serif}.header{width:100%;background-color:#f55a5a;display:flex;align-items:center;justify-content:center;padding:16px;color:#fff;font-size:16px}.header__title{display:flex;align-items:center}.header__title p{margin-left:7px}.container{max-width:800px;width:100%;margin:45px auto;padding:0 15px}.card{display:flex;align-items:center;color:#2b283a;padding:24px 0;border-bottom:1px solid #d1d0d7}.card img{width:160px;height:200px;object-fit:cover;object-position:center;border-radius:5px;margin-right:24px}.card__info{flex:1}.card__info h3{font-weight:700;font-size:28px;margin-bottom:14px}.card__info h4{font-weight:700;font-size:12px;margin-bottom:9px}.card__info .description{font-weight:400;font-size:12px;line-height:1.5;color:#2b283a;margin-top:10px}.card__info span{display:flex;align-items:center;text-transform:uppercase;font-size:12px}.card__info span p{margin-left:4px}.card__info--location{display:flex;align-items:center;margin-top:8px}.card__info--location a{color:#918e9b;font-size:12px;transition:color .4s ease;margin-left:12px}a:hover{color:#f55a5a}@media only screen and (max-width: 480px){.header{font-size:16px;padding:10px}.container{margin:20px auto;padding:0 15px}.card{flex-direction:column;padding:15px;text-align:center}.card img{width:100%;height:auto;margin:0 0 10px}.card__info{width:100%}.card__info h3{font-size:20px}.card__info h4,.card__info span,.card__info--location a,.card__info .description{font-size:10px}}@media only screen and (min-width: 481px){.container{max-width:800px;margin:60px auto}.card{flex-direction:row;text-align:left}}