*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
}

.conteiner-left{
    width: 65%;
    display: inline-block;
}

section{
    position: absolute;
    margin: -28% 0 0 136px;
}

h1{
    color: #5D5D7D;
    font-size: 70px;
    font-style: normal;
    line-height: 80px; 
    width: 368px;
}

p{
    color: #5D5D7D;
    font-size: 28px;
    font-style: normal;
    line-height: 48px; 
    width: 540px;
    opacity: 0.6;
    margin: 15px 0;
}

button{
    width: 269px;
    height: 62px;
    flex-shrink: 0;
    background: #9499EA;
    filter: drop-shadow(0px 10px 24px rgba(148, 153, 234, 0.10));
    border: none;
    border-radius: 30px;
    color: #FFF;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    cursor: pointer;
}

button:hover{
    opacity: 0.8;
}

button:active{
    opacity: 0.6;
}

.conteiner-right{
    width: 34.7%;
    padding-bottom: 3%;
    display: inline-block;
    background: rgba( 93, 93, 125, 0.16);
}

header{
    color: #5D5D7D;
    font-size: 28px;
    font-style: normal;
    line-height: normal;
    margin: 24px 10px 50px 80px;
    word-spacing: 41px;
}

header :nth-child(2){
    opacity: 0.4;
}
a{
    cursor: pointer;
}

a:hover{
    opacity: 0.8;
}
    
a:active{
    opacity: 0.6;
}


img{
    position: relative;
    margin-left: -150px;
}

@media screen and (max-width: 1230px) {
    .conteiner-left{
        display: block;
    }

    section{
        margin: 2px 0 0 45px;
    }

    h1{
        text-align: center;
        font-size: 30px;
        line-height: 52px; 
        width: 190px;
        margin: 40px 10px 0 20px;
    }

    p{
        text-align: center;
        font-size: 12px;
        line-height: 24px;
        width: 196px;
        margin: 5px 0 15px 17px;
    }

    button{
        width: 225px;
        height: 50px;
        flex-shrink: 0;
        font-size: 20px;
        margin-left: 3px;
    }

    .conteiner-right{
        display: block;
        width: 375px;
        height: 331px;
        flex-shrink: 0;
        position: absolute;
        margin: 86% 0 0 0;
    }

    header{
        display: none;
    }

    img{
        width: 271px;
        height: 300px;
        flex-shrink: 0;
        padding: 15px;
        margin: 5% 25px;
    }
}