/*CMC css

FONTS 
 <weight>: Raleway - Use a value from 100 to 900
           Garamond - Use a value from 400 to 800
 <uniquifier>: Use a unique and descriptive class name
 
 additional font
 .dancing-script-headings {
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  }
 
 COLORS
 main green 4B6741
 cream FFF9E9
 */

body {
    background-color: #FFF9E9;
    font-family: "Raleway", sans-serif;
}


a, link, a:visited {
    text-decoration: none;
    color: inherit;
}

.raleway-mySans {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.eb-garamond-mySerif {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.dancing-script-headings {
  font-family: "Dancing Script", cursive;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.infobanner {
    width:100%;
    height: auto;
    background-color: #4B6741;
    padding: 15px 0 5px 0;
    color: #FFF9E9!important;
}

.container-fluid, .col-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.row {
    margin-right:0;
}

.heroImg {
    background-image:url("images/hero.jpg") no-repeat cover;
}

.logo {
    padding: 40px 0;
 text-align:center;
    height: auto;
    display: block;
    margin: 0 auto;
}

.myBtn {
border-radius: 25px;
padding: 10px 20px;
}

.myMenu {
    margin-top: 15px;
    margin-bottom: 15px;
}

.introPg {
    line-height: 3rem;
}

.pgText {
    padding-left: 10px;
}

.spaceA {
    margin-bottom: 80px;
}

.spaceB {
    padding: 80px 0 80px 0;
}

.quoteImg {
    height: 50px;
    width: auto;
    margin: 30px 0;
}

.logoBlack {
    padding: 150px 0 20px 0;
    height: auto;
    width:100px;
}

.connectLi {
    color:#fff;
    background-color:#4B6741;
    padding: 50px 50px;
}

.linkedin {
    width: 100px;
    height:auto;
}

.footerTop {
    width: 100%;
    height: 10px;
    background-color: #4B6741;
}

.footerBottom {
    width: 100%;
    height: auto;
    color: #FFF9E9;
    padding: 20px 0;
    background-color: black;
}

@media (min-width: 992px) {
  /* Styles applied for large devices and up */
 
  .aboutMe p {
   font-size: 1.2rem;
  }
  .linkedin {
    width: 300px;
    height:auto;
}
}