#content {
    padding: 0;
    background: #FFDF43;
}

.text {
    margin-right: 5rem;
}

.line {
    background: white;
    margin-bottom: 0.9rem;
}




.grid {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(3, auto);
}

.grid-title {
    //background:green;
    width:100%;
    height:100%;
    grid-column: 1 / span 2;
    grid-row: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.5vh;
}
.grid-title>div {
    width: 66.7vw;
    height: 17.2vh;
    background: #283135;
    border-radius: 0 1.5vw 1.5vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.grid-title img {
    width: 100%;
    height: 100%;
    padding: 4vw;
    object-fit: contain;
}

.grid-ruler {
    //background:red;
    width:100%;
    height:100%;
    grid-column: 3;
    grid-row: 1 / span 2;
    background-image: url('/static/scan/images/ruler.png');
    background-repeat: repeat-y;
    background-position: center bottom;
    padding-right: 22vw;
}

.grid-pillows {
    //background:blue;
    width:100%;
    height:100%;
    grid-column: 1;
    grid-row: 2 / span 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.grid-pillows>img {
    max-width: 100%;
    height: auto;
}

.grid-text {
    //background:brown;
    width:100%;
    height:100%;
    grid-column: 2 / span 2;
    grid-row: 3;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}