html{
  scroll-behavior: smooth;
}


h1, h2, h3, h4, h5, h6 {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
    color: #555555;
}

p{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/*Nav*/

.nav {
  font-size: 1.2em;
  background-color: #D3DFF3;
  padding-top: 0.25em;
  padding-bottom: 0.15em;
}

.btn-primary{
    font-size: 1.2em;
    background-color: #4E705C !important;
  border-color: #4E705C !important;
}
.btn-primary a:hover{
background-color: #3F624E !important;  
}
#mybutton:hover{
  background-color: #3F624E !important;  
}

.nav p{
    font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
  padding-top: .42em;
}

/*Header*/

.container-fluid{
  padding:0 !important;
}

.header1{
  text-align: center;
  align-content:center;
  color: #555555;
}

.header{
    background-color: #F0F2FE;
}

/*About*/

.striped-background{
background: repeating-linear-gradient(
  to right,
  #FAC5D7,
  #FAC5D7 10px,
  #ffffff 10px,
  #ffffff 20px
);

  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  height: 60vh;
}

.content-box{
  background-color: white;
  padding: 50px;
  width: 70%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
}

p{
  font-size: 1.2em;
  color:#555555;
}

/**Products**/

.container-fluid{
  text-align: center;
  padding-top: 2.5em;
}

.bundle{
  height: 40vh;
  width: 40vh;
  border-radius: 10px;
}

.otcb{
  padding: .99em;
}

.description{
  font-size: .9em;
}