
* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: 'oswald',sans-serif;
   font-weight: 400;

}

.container {
            height: 100vh;
            width: 100vw;

}
.container-left {
                 display: inline-block;
                 width: 60%;
                 padding-left: 136px;
                 margin-top: 20%;
                

}
.container-right {
                 display: inline-block;
                 background-color: rgba( 93, 93, 125,0.16);
                 height: 100vh;
                 width: 40%;
                 position: absolute;
                

}

 img {
    position:relative;
    top: 25%;
    right: 130px;
}  

h1 {
   color: #5D5D7D;
   font-size: 70px;
   font-weight: 400;
   line-height: 80px;
   width: 368px;
}
p {
   color: #5D5D7D;
   font-size: 28px;
   font-weight: 400;
   line-height: 48px;
   opacity: 0.6;
   margin: 15px 0;
   width: 540px;

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

.button-get:hover {
              opacity: .8;
            
}
.button-get:active {
               opacity: .5;
}
    
a {
   color: #5D5D7D;
   font-size: 28px;
   line-height: normal;
   margin-right: 41px;
   cursor:pointer
}

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

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

header {
       margin-top: 24px;
       margin-left: 57px;
}

 
@media screen and (max-width:1128px) {
    .container-left {
       
        width: 100%;
        height: 50%;
        margin: auto;
        padding: 0;
    }




.container-right {
    display: block;
    height: auto;
    width: 100%;
    position: static;
    padding: 40px;
}

img {
    position: static;
    max-width: 90%;

}

header {
       display: none;
    
   
}

h1 {
    font-size: 36px;
    line-height: 52px;
    width: auto;
    margin: 58px 50px 0px 50px;
    text-align: center;
}

p {
    margin: 15px 40px;
    width: auto;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}
.button-get {
       margin: 0 auto;
       display: block;
}
}  