html {
  scroll-behavior: smooth;
}

body {
     margin: 0 auto;
 }
 
 header {
     padding-top: 10rem;
     padding-bottom: 3rem;
 }
 
.formTitle {
     color: #94191e;
 }
 
 a.center {
     margin: 0 auto;
 }
 
 
.page-section {
     padding-top: 3rem;
     padding-bottom: 3rem;
 }
 
.nav-link, .navbar-brand, .navbar-toggler-icon, .fa-bars   {
     color: white;
     font-weight: bold;
 }
 
.container {
     max-width: 1140px;
 }
 
header > .container {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

header {
    color: white;
}

#pageTitle {
    font-size: 500%;
}

#leadtext {
    font-size: 200%;
}
 
#containerImg {
    margin-top: -3rem;
    margin-bottom: -3rem;

} 
 
 /*-------------------------------------------------------------*/
 /* accordion */
 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #2c3e50;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size:180%;
  border: none;
  outline: none;
  transition: 2s;
  border-radius: 5px;
  margin-top: 5px;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) 
.active, .accordion:hover {
  background-color: #ccc;
} */

/* Style the accordion panel. Note: hidden by default */
.accordion-panel {
  padding: 0 18px;
  background-color: #2c3e50;
  display: none;
  overflow: hidden;
  transition: max-height 2s ease-out;
} 


.accordion-panel h3, .accordion-panel p {
    text-align:center;
}

/* --------------------------------------------------------*/
/* modal definition */
.modal-dialog {
    max-width: 400;
}

.modal-body {
    padding: 2rem 1rem 1rem 1rem;
    text-align: center;
}

.modal-content {
    padding: 1rem 1rem;
}

.modal-footer {
    padding: 1rem;
    display: inline;
    text-align: center;
}

.single-features {
    background-color: #00ccff;
    padding: 40px 20px 52px;
    border-radius: 0.5em;
}

.center {
    text-align: center;
}

.buyList {
    float:right !important; 
    max-width:30% !important;
}

.buyCol {
    line-height:3rem !important;
}

.sell-text {
    color: white !important;
}

.sell-section {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.jumbotron {
    margin-bottom: 0rem;
}

.sell-section > div > h2 {
    color: white;
    font-weight: 700;
}

.price {
    margin-left: 1rem;
}

/* modal --------------------------------------------------- */
.modal-dialog {
    max-width: 800px;
}

.modal-body {
    text-align: left;
}