@charset "UTF-8";
/* CSS Document */
body, html {
    height: 100%
}

body {
    font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-weight: 200;
    font-size: 1.5rem;
    color:#340203;
}

.serif {
  font-family: Times, Times New Roman, Georgia, serif;
}

.monospace {
  font-family: Lucida Console, Courier, monospace;
}

.math {
  font-family: math;
}


.intro-left {
   background: #f89e63;
    position: fixed;
    left: 0;
    width: 33.333%;
    height: 100%;   
}

@media (max-width: 768px){
    .intro-left{
        height: 60vh;
        margin-bottom: 0;
        position: relative;
        width: 100%;
    }
    
    
    
}


.avatar{
    
    width: 13rem;
    height: 10rem;
    margin: 1rem;
}

.meet{
    max-width: 100%;
    height: auto; 
    border-radius: 65px;
    

    
}


.full-height {
    height: 100%;
}

.quote{
    float: right;
    
}

section {
 margin: 5rem;
 font-size: 1.2rem;   
}

a {
    color: #fff;
    text-decoration: none;
    font-weight: 600; 
}
a:hover { 
  color: saddlebrown;
}


.footer {

    font-size: 1rem;
    margin: 0;
}

.background{
    background-color:#faf0e9;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: fixed;
    clip-path: polygon(37% 0%, 65% 0%, 100% 100%, 68% 100%, 51% 38%, 25% 100%, 0 100%);
}

.carousel-control-next{
    color:#F7C693;
}

.divider{
    background-color: #C8D2DB;
    border-radius: 25px;
}

#accordionEx{
    background-color: #C8D2DB;
}

.number-input input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}

.number-input {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.number-input button {
-webkit-appearance: none;
background-color: transparent;
border: none;
align-items: center;
justify-content: center;
cursor: pointer;
margin: 0;
position: relative;
}

.number-input button:before,
.number-input button:after {
display: inline-block;
position: absolute;
content: '';
height: 2px;
transform: translate(-50%, -50%);
}

.number-input button.plus:after {
transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
text-align: center;
}

.number-input.number-input {
border: 1px solid #ced4da;
width: 10rem;
border-radius: .25rem;
}

.number-input.number-input button {
width: 2.6rem;
height: .7rem;
}

.number-input.number-input button.minus {
padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
width: .7rem;
background-color: #495057;
}

.number-input.number-input input[type=number] {
max-width: 4rem;
padding: .5rem;
border: 1px solid #ced4da;
border-width: 0 1px;
font-size: 1rem;
height: 2rem;
color: #495057;
}

@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color:transparent) {

.number-input.def-number-input.safari_only button:before,
.number-input.def-number-input.safari_only button:after {
margin-top: -.3rem;
}
}
}