.jumbotron { background-image: url("banner.jpg"); background-repeat: no-repeat; background-position: center; text-align: center; color: #ffffff; } .promo-main { background: rgba(249, 156, 0, .8); } .promo { display: inline-block; width: 100%; } #promo-title { width: 49.5%; height: 100%; } #promo-desc { width: 49.5%; height: 100%; } .pro { font-size: 28px; padding: 10px; } .promo-tabs { font-size: 28px; } .info { padding: 30px; } .what { display: inline-block; margin: 0px 20px; } #work { border: 1px solid black; padding: 10px; height: 250px; width: 800px; } #img1 { border: 1px solid black; height: 250px; width: 250px; float: right; } .more { text-align: right; } .how { text-align: center; text-decoration: underline; } .how-main { } .how-content { display: inline-block; width: 33%; text-align: center; } .how-img { height: 200px; width: 250px; } .path { text-align: center; text-decoration: underline; } .path-main { margin-top: 50px; } .path-content { display: inline-block; height: 100px; width: 500px; border: 1px solid #ffffff; margin: 50px 50px; border-radius: 50px 0px 0px 50px; background-color: #f99c00; } .path-text { font-size: 28px; } .full { height: 80px; width: 80px; border-radius: 50%; float: left; margin-left: 10px; } .course-topic { } .topic { width: 90%; height: 200px; border: 1px solid #f99c00; text-align: left; margin-top: 20px; padding: 10px; } .topic-main { margin-left: 30px; margin-right: 30px; } .topic-content { display: inline-block; width: 49.5%; } .con { list-style-type: none; } .bottom { height: 250px; width: 100%; background-color: #4d4d4d; color: #ffffff } .bot { display: inline-block; } #bot1 { width: 25%; } #bot2 { width: 25%; } #bot3 { width: 40%; } .list { list-style-type: none; font-size: 20px; color: #f5f5f0; margin: 15px 10px; padding-top: 15px; } .btm { margin-top: 15px; } #social { margin-left: 20px; font-size: 20px; }