.left-block {
    width: 100%;
    
}


.right-block {
    width: 100%;
}

.main {
    flex-direction: column;
}

.paper-frame {
    width: 100%;
    height: 60vh !important;
    border-radius: 10px;
}

.paper-title {
    font-size: 24px;
    color: var(--base-heading);
}

.solution-btn {
    display: block;
    /* width: 100%; */
    padding: 10px;
    background: var(--button-color);
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}

.solution-btn:hover {
    background: var(--button-hover-color);
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .left-block {
        width: 70%;
        margin-right: 10px;
    }
    

    .right-block {
        width: 30%;
    }

    
}