html,body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-family: 'Open Sans', sans-serif;
text-align: left !important;
}
input, textarea{
  font-size: 1.3rem !important;
}
p, strong, li{
  font-size: 1.2rem;
}
pre code{
  color: #e83e8c;
}
h1, h2, h3, h4, h5 {
  font-family: 'Roboto Mono', monospace;
}
section, header {
  overflow-x: hidden;
}
header {
  padding-bottom: 4%;
}
.list ul li {
  list-style-type: none;
  margin-left: -40px !important;
  padding-bottom: 2%;
}
.list ul li strong {
  color: #000 !important;
  margin-right: 1%;
}

.text-large, .text-large ul li{
  font-size: 1.4rem;
}
@media(min-width: 800px){
  .text-large, .text-large ul li{
    font-size: 1.8rem;
  }
}
.nav-link {
  font-family: 'Roboto Mono', monospace;
}
.section-title {
  padding-bottom: 5%;
  font-size: 2rem;
}
.title {
  font-size: 2rem;
}
.main-title{
  font-size: 2.2rem;
  padding-bottom: 5%;
}
@media(min-width:600px) {
  .section-title {
    padding-bottom: 4%;
    font-size: 3rem;
  }
  .title {
    font-size: 3rem;
  }
  .main-title{
    font-size: 3.5rem;
    padding-bottom: 3%;
  }
}
.section {
  padding-top: 5%;
  padding-bottom: 5%;
}
.large-list ul li{
  padding-bottom: 7%;
  list-style-type: none;
  margin-left: -40px !important;
}
.bullet-list ul li{
  padding-bottom: 2%;
  list-style-type: disc;
  margin-left: -20px !important;
}
.try-it{
  background-color: #efdfb1;
}
.text-primary {
  color: #F25F6D !important;
}
.text-black{
  color: #212529 !important;
}
.text-cream {
  color: #FCFBED !important;
}
.bg-primary{
  background-image: linear-gradient(to right, hsla(354, 85%, 66%, .9)
, hsla(0, 83%, 59%, .9) , hsla(354, 85%, 66%, .9));
}
.bg-cream {
  background-color: #FCFBED;
}
.bg-lgrey{
  background-color: #F2F2F2; 
}
.bg-grey {
  background-color: #EDEDE8;
}
.bg-slight{
  background-color:  #FCFBED;  
}
.btn-lg{
  font-size: 1.6rem;
}
.bg-dark {
  background-color: #24292e;
}
.btn-main {
  background-image: linear-gradient(to right,#ED3E3E , #F25F6D);
  font-family: 'Roboto Mono', monospace;
  border-radius: 0% !important;
}
.nav-link{
  color: #000 !important;
}

@media(min-width: 900px) {
  .container-2x{
    padding-right: 100px !important;
    padding-left: 100px !important;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .docs{
    padding-top: 8rem;
  }
}
.tech-icon {
  max-width: 140px;
  max-height: 100px
}
.badge{
  padding: .25em .4em;
  font-size: 50%;
  vertical-align: middle;
}


.team-heading {
  font-size: 1.5rem;
  padding-top: 8%;
  margin-bottom: -1%;
}
.team-member {
  margin-bottom: 50px;
  text-align: center;
}
.p-team {
  padding-left: 20%;
  padding-right: 20%;
}
.team-member img {
  max-width: 12rem;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}

.team-member h4 {
  margin-top: 25px;
  margin-bottom: 0;
  text-transform: none;
}

.team-member p {
  margin-top: 0;
  padding: 0;
}