body {background-color: #f8f8f8;margin:0;padding:0;}

/** Typography **/

body, p, li {font-family: Helvetica, sans-serif; font-weight:400;color:#48555C;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: Helvetica, sans-serif; font-weight:400;color:#115161;}
p strong, li strong {font-family: Helvetica, sans-serif; font-weight:600;}
.blockquote p {font-family: Helvetica, sans-serif; font-weight:400; font-size: 2rem;color:#6A7B53;}
.blockquote-footer {font-family: Helvetica, sans-serif; font-weight:400; font-size: 1rem;color:#7C837F;}
.penink {font-family: Helvetica, sans-serif; font-weight:400;}
.penink strong {font-family: Helvetica, sans-serif; font-weight:600;}

/** Layout **/

.logo img {width: 180px; height: auto; padding:20px;}
.hero {margin:0; padding:0px;}
.contentArea {}
.navArea {border-left:1px solid #C9D6CF; background-color:#e3e3e3;}
footer {text-align: center;padding:30px;color:#e3e3e3;border-top:#C9D6CF solid 1px;background-color:#7C837F;}
#sublogo {
  display:inline-block;
  position:fixed;
  top:-100px;
  z-index: 9999;
  transition: 0.4s;
}
#bw {
  width:80px;
  opacity: 100%;
  transition: 0.4s;
}

/** Design **/

.notebook {display:block; background-image: url(images/notebookpaper.jpg); background-size: cover;}
.chalkboard {display:block; background-image: url(images/chalkboard-1.jpg); background-size: cover;}
.paper {display:block; background-image: url(images/paper-4.jpg); background-size: cover;}
.btn-outline-success {border:1px solid #6A7B53;color:#6A7B53;}
.btn-outline-success:hover {background-color:#6A7B53 !important;border:1px solid #BFCBA8;color:#fff;}
a {color:#578E95;text-decoration: none;}
a:hover {color:#D98043;}
a.nav-link {color:#578E95;}
a.nav-link:hover {color:#D98043;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #578E95;
}
.accordion-button {
    color: #115161;
}
.accordion-button:not(.collapsed) {
    color: #48555C;
    background-color: #BFCBA8;
    box-shadow: none;
}
.dot {
  height: 72px;
  width: 72px;
  border-radius: 50%;
  display: inline-block;
  margin:12px;
}

/** Colors **/
.lavarock {color:#983428;}
.toytruck {color:#D45741;}
.sunset {color:#D98043;}
.sunrise {color:#E3B23A;}
.deepsea {color:#115161;}
.supblue {color:#578E95;}
.endor {color:#6A7B53;}
.grogoo {color:#BFCBA8;}
.notblack {color:#48555C;}
.wetconcrete {color:#7C837F;}
.stormy {color:#A9B5AE;}
.bubble {color:#C9D6CF;}
.snowdrift {color:#e3e3e3;}

/** Background Colors **/
.bklavarock {background-color:#983428;}
.bktoytruck {background-color:#D45741;}
.bksunset {background-color:#D98043;}
.bksunrise {background-color:#E3B23A;}
.bkdeepsea {background-color:#115161;}
.bksupblue {background-color:#578E95;}
.bkendor {background-color:#6A7B53;}
.bkgrogoo {background-color:#BFCBA8;}
.bknotblack {background-color:#48555C;}
.bkwetconcrete {background-color:#7C837F;}
.bkstormy {background-color:#A9B5AE;}
.bkbubble {background-color:#C9D6CF;}
.bksnowdrift {background-color:#e3e3e3;}

/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) {
  .section {margin:0; padding:60px;}
  .subsection {margin:0; padding:0px 60px;}
}

/** Medium devices and smaller (tablets, 768px and below) **/
@media (max-width: 767px) {
  .section {margin:0; padding:30px 0;}
  .subsection {margin:0; padding:0px;}
}

/** Small devices (phone, 400px and below) **/
@media (max-width: 500px) {
  #portfolio-logos figure {width:75%;}
  footer {padding-bottom:60px;}
}