.Banner{ width: 100%; height: 400px; background: url() no-repeat center center; background-size: 50%; margin: 100px 0 80px 0;} .Content{ font-size: 1.6rem; margin-bottom: 100px;} .Content .content{ margin: auto; float: none;} .Content .title{ font-size: 3rem; font-weight: 600; margin: 10px 0; padding: 5px 40px; background: #b9f1ee; color: #fff; text-align: center; border-radius: 30px;} .Content .abstract{ font-size: 1.7rem; padding: 0 10px;} .Content .subtitle{ font-size: 2rem; margin: 30px 0 10px 0;} .Content .subtitle span{ border-radius: 30px; background: #b9f1ee; color: #fff; padding: 5px 40px; display: inline-block;} .Content section{ margin: 20px auto; float: none;} .Content table{ text-align: center;} .Content table th{ text-align: center; background: #b9f1ee;} .Content table td{ vertical-align: middle !important;} .Content table tr:nth-of-type(2n){ background: #b9f1ee;} .Content table tr td:nth-of-type(3){ text-align: left;}
@media only screen and (max-width: 767px) { .Banner{ height: 300px; background-size: 70%;} }
@media only screen and (max-width: 992px) { .Banner{ margin: 100px 0 0 0;} }