.main {grid-area: main;}

.header {
    border-bottom-style: none;
}


@media only screen and (min-width: 1200px){
.quote {
    background-color: blue;
    display: grid;
    margin: auto;
    background: url(img/background.jpg) content-box no-repeat 70% ;
    /*border: 1px solid #9a9a9a;*/
    /*box-shadow: 0 0 3px #4e4e4e;*/
    /*clip-path: polygon(-50% -50%, 150% -50%, 150% 100%, -50% 100%);*/
    min-height: 500px;
    min-width: 980px;
    justify-content: center;
    border-top: 5px solid #ff3000;
    border-bottom: 5px solid #ff3000;
    /*ff3c00 ff004e*/
    z-index: -1;
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 800;
}
 



.quote p {
    padding: 150px;
}

}

@media only screen and (max-width: 1199px){
.quote {
    background-color: blue;
    display: grid;
    margin: auto;
    background: url(img/background.jpg) content-box no-repeat 70% ;
    /*border: 1px solid #9a9a9a;*/
    /*box-shadow: 0 0 3px #4e4e4e;*/
    /*clip-path: polygon(-50% -50%, 150% -50%, 150% 100%, -50% 100%);*/
    min-height: 500px;
    justify-content: center;
    border-top: 5px solid #ff3000;
    border-bottom: 5px solid #ff3000;
    /*ff3c00 ff004e*/
    z-index: -1;
    font-family: "Poppins";
    font-size: 30px;
    font-weight: 800;
}
 



.quote p {
    padding: 150 20 20 20;
}

}