.headline{min-height:100vh;background:var(--gradient-primary);display:grid;grid-template-columns:repeat(2,1fr);align-items:center;padding:0 10%;column-gap:50px;row-gap:30px}.headline .left h1{font-size:37px;color:var(--color-white);max-width:450px}.headline .left p{font-size:18px;color:#a8a8b3;max-width:650px}.headline .left .btn-headline{display:flex;gap:10px}.headline .right{display:flex;justify-content:center}.headline .right img{cursor:pointer;max-width:100%;border-radius:8px}.headline .right img:hover{opacity:.8}@media(max-width:970px){.headline{grid-template-columns:repeat(1,1fr);padding:80px 5%}.headline .left h1{font-size:40px;color:var(--color-white)}@media(max-width:500px){.headline{grid-template-columns:repeat(1,1fr);padding:0px 5%;min-height:70vh}.headline .left h1{font-size:40px;color:var(--color-white)}.headline .right{display:none}}