Team:SSTi-SZGD/css/Parts

.Banner{ width: 100%; height: 400px; background: url(T--SSTi-SZGD--banner_Description.png) no-repeat center center; background-size: 40%; margin: 100px 0 0 0;} .Content{ font-size: 1.6rem; margin-bottom: 100px; margin: auto; float: none;} .Content .content{ padding: 0 15px;} .Content .title{ font-size: 3rem; font-weight: 600; margin: 10px 0;} .Content .title span{ background: #ff3a3a; color: #fff; border-radius: 30px; padding: 5px 40px; display: inline-block; text-align: center;} .Content .subtitle{ font-size: 2rem; color: #ff3a3a; margin-top: 15px;} .Content section{ margin: 20px auto; float: none;} .Content li{ float: none; display: list-item;} .Content ol li{ list-style: decimal; margin-left: 25px;} .Content ul li{ list-style: disc; margin-left: 25px;} .Content .img{ float: none; margin: 15px auto; color: #ff3a3a; font-weight: 600; text-align: center;} .Content .img img{ width: 100%;} .Content sup{ font-weight: 600;} .Content p span{ font-weight: 600;} .Reference P:nth-of-type(1) span{ text-align: center; font-size: 2.6rem;} .Reference P:nth-of-type(1) span:nth-of-type(2n-1){ border-top: 1px solid #ff3a3a; margin: 19px 0;}

@media only screen and (max-width: 767px) { .Banner{ background-size: 60%;} .Reference P:nth-of-type(1) span{ font-size: 2rem; margin: 4px 0;} .Reference P:nth-of-type(1) span:nth-of-type(2n-1){ margin: 18px 0;} }

@media only screen and (max-width: 992px) { .Banner{ margin: 100px 0 0 0;} }