body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    background:#000;
    width: 100%;
    height: 100vh;
    display:flex;
    align-items: center;
    justify-content:center;
}

section.main {width:100%;border-top:20px solid #ff0000;border-bottom:20px solid #ff0000;background:#fff;display:flex;align-items: center;justify-content:center;}
section.main .container {width:90%;margin:0 auto;background:#fff;display:flex;align-items: center;padding:50px 0;}
.main .left-col {width:30%;padding:20px;box-sizing:border-box;}
.main .left-col img {width:100%;}
.main .right-col {width:70%;padding:20px;box-sizing:border-box;display:flex;font-size:30px;line-height:34px;text-align:center;flex-wrap:wrap;align-content:center;justify-content:center;}
a.btn {display:inline-block;width:300px;background:#ff0000;text-align:center;border-radius:5px;margin-top:40px;color:#fff;text-decoration:none;padding:20px;}
a.btn:hover {opacity:0.5}

@media screen and (max-width:768px) {
    section.main .container {flex-direction:column}
    .main .left-col {width:100%;text-align:center;}
    .main .left-col img {width:30vh;}
    .main .right-col {width:100%;}
}

@media screen and (max-width:500px) {
    .main .right-col {font-size:24px;line-height:28px;}
}