.jumbotron { padding-top: 3rem; padding-bottom: 3rem; margin-bottom: 0; background-color: #fff; } @media (min-width: 768px) { .jumbotron { padding-top: 6rem; padding-bottom: 6rem; } } .jumbotron p:last-child { margin-bottom: 0; } .jumbotron h1 { font-weight: 300; } .jumbotron .container { max-width: 40rem; } footer { padding-top: 3rem; padding-bottom: 3rem; } footer p { margin-bottom: 0.25rem; } body{ background-color: thistle; } .bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem; } } .myBtn { color: #fff; background-color: tomato; border-color: thistle; /*set the color you want here*/ width: 180px; } .myBtn:hover, .myBtn:focus, .myBtn:active, .myBtn.active, .open>.dropdown-toggle.myBtn { color: #fff; background-color: thistle; border-color: #285e8e; /*set the color you want here*/ } .thumbimg{ width: 100%; height: 225px; } a.button { -webkit-appearance: button; -moz-appearance: button; appearance: button; text-decoration: none; color: blue; border: solid; border: 4px; } .windSVG{ margin-right : 20px; } .extension{ padding: 20px 10px; min-height: 445px; max-height: 445px; /* margin: 20px; */ } .py-5{ padding: 1rem!important; } .card-body{ min-height: 90px; padding: 0.5rem 0.5rem 0.2rem; } .card-text{ max-height: 85px; overflow: auto; /* overflow-y: auto; */ /* padding-bottom: 10px; */ } .btnGroupDiv{ /* padding: 20px 00px 00px 20px; */ padding: 0.5rem; }