body {
    /*background-color: rgb(255, 255, 255);   
    background-image: url('Images/background2.jpg');
    background-repeat:repeat; */
    /* background-color: #FFDAB9;  */
    
    /* background-image: url('Images/background2.jpg');
    background-repeat:repeat;
    background-color: #fcf6f1; 
    z-index: 4;*/
    text-align: center;
    text-decoration: none;
    width: 100%;
	  margin: 0px auto;
    font-family: 'Open Sans', sans-serif;
    color: black;
	  /* font-weight: 300;
    position: static;
	  float: left; */
  }

  a {
    /* color: rgb(255, 85, 0); */
    text-decoration: none;
  }

  a:hover {
    text-decoration: none;
  }

  img {
    pointer-events: none;
  } 

  li span {
    position: relative;
    left: -20px;
  }


  /* Color Theme Swatches - Classes */
  .Resume-1 { color: #503770; } /* purple */
  .Resume-1-background { background-color: #503770; } /* purple */
  .Resume-1 a { color: #503770; } /* purple */
  .Resume-1 a:hover { color: #503770; } /* purple */
  .Resume-1-top { border-top: #503770; } /* purple */
  .Resume-1-bottom { border-bottom: solid 2px #503770;} /* purple */
  
  .Resume-2 { color: #CCCAE3; } /*#C2B9EB; } /* lt purple */
  .Resume-2-background { background-color: #CCCAE3; } /*#C2B9EB; }  lt purple */
  .Resume-2 a { color: #CCCAE3; } /*#C2B9EB; } /* lt purple */
  .Resume-2 a:hover { color: #CCCAE3; } /*#C2B9EB; } /* lt purple */
  .Resume-2-top { border-top: #CCCAE3; } /*#C2B9EB; } /* lt purple */
  .Resume-2-bottom { border-bottom: #CCCAE3; } /*#C2B9EB; } /* lt purple */
  
  .Resume-3 { color: #DBA328; } /* yellow-orange */
  .Resume-3-background { background-color: #DBA328; } /* yellow-orange */
  .Resume-3 a { color: #DBA328; } /* yellow-orange */
  .Resume-3 a:hover { color: #DBA328; } /* yellow-orange */
  .Resume-3-top { border-top: #DBA328; } /* yellow-orange */
  .Resume-3-bottom { border-bottom: #DBA328; } /* yellow-orange */
  
  .Resume-4 { color: #fcf9ef; } /* lt yellow-orange */
  .Resume-4-background { background-color: #fcf9ef; } /* lt yellow-orange */
  .Resume-4 a { color: #fcf9ef; } /* lt yellow-orange */
  .Resume-4 a:hover { color: #fcf9ef; } /* lt yellow-orange */
  .Resume-4-top { border-top: #fcf9ef; } /* lt yellow-orange */
  .Resume-4-top-bottom { border-bottom: #fcf9ef; } /* lt yellow-orange */
  
  .Resume-5 { color: #000000; } /* black */
  .Resume-5-background { background-color: #000000; } /* black */
  .Resume-5 a { color: #000000; } /* black */
  .Resume-5 a:hover { color: #000000; } /* black */
  .Resume-5-top { border-top: #000000; } /* black */
  .Resume-5-bottom { border-bottom: #000000; } /* black */
  
  .Resume-6 { color: #516453; } /* green */
  .Resume-6-background { background-color: #516453; } /* green */
  .Resume-6 a { color: #516453; } /* green */
  .Resume-6 a:hover { color: #516453; } /* green */
  .Resume-6-top { border-top: #516453; } /* green */
  .Resume-6-bottom { border-bottom: #516453; } /* green */
  
  .Resume-7 { color: #D2D6D2; } /*#D7DCD7; } /* lt green */
  .Resume-7-background { background-color: #D2D6D2; } /*#D7DCD7; } /* lt green */
  .Resume-7 a { color: #D2D6D2; } /*#D7DCD7; } /* lt green */
  .Resume-7 a:hover { color: #D2D6D2; } /*#D7DCD7; } /* lt green */
  .Resume-7-top { border-top: #D2D6D2; } /*#D7DCD7; } /* lt green */
  .Resume-7-bottom { border-bottom: #D2D6D2; } /*#D7DCD7; } /* lt green */
  
  .Resume-8 {color: #859587; } /* dk green */   /* #008064 */
  .Resume-8-background {color: #859587; } /* dk green */   /* #008064 */
  .Resume-8 a {color: #859587; } /* dk green */   /* #008064 */
  .Resume-8 a:hover {color: #859587; } /* dk green */   /* #008064 */
  .Resume-8-top {border-top: #859587; } /* dk green */   /* #008064 */
  .Resume-8-bottom {border-bottom: #859587; } /* dk green */   /* #008064 */
  
  .Resume-9 { color: #ffffff; } /* white */
  .Resume-9-background { background-color: #ffffff; } /* white */
  .Resume-9 a { color: #ffffff; } /* white */
  .Resume-9 a:hover { color: #ffffff; } /* white */
  .Resume-9-top { border-top: ffffff; } /* white */
  .Resume-9-bottom { border-bottom: #ffffff; } /* white */
  
  
    /* Color Theme Swatches - Ids */
  #Resume-1 { color: #503770; } /* purple */
  #Resume-1-background { background-color: #503770; } /* purple */
  #Resume-2 { color: #CCCAE3; } /*#C2B9EB; } /* lt purple */
  #Resume-2-background { background-color: #C2B9EB; } /* lt purple */
  #Resume-3 { color: #DBA328; } /* yellow-orange */
  #Resume-3-background { background-color: #DBA328; } /* yellow-orange */
  #Resume-4 { color: #FCF1D4; } /* lt yellow-orange */
  #Resume-4-background { background-color: #FCF1D4; } /* lt yellow-orange */
  #Resume-5 { color: #000000; } /* black */
  #Resume-5-background { background-color: #000000; } /* black */
  #Resume-6 { color: #859587; } /* green */
  #Resume-6-background { background-color: #859587; } /* green */
  #Resume-7 { color: #D7DCD7; } /* lt green */
  #Resume-7-background { background-color: #D2D6D2; } /*#D7DCD7; } /* lt green */
  #Resume-8 {color: #008064; } /* dk green */
  #Resume-8-background {color: #008064; } /* dk green */
  #Resume-9 { color: #ffffff; } /* white */
  #Resume-9-background { background-color: #ffffff; } /* white */

  
  .header {
    width: 100%;
    height: 100px;
    margin-left: 0px;
   /*  margin-bottom: 20px; */
    border-top: solid 1px #DBA328;
    border-bottom: solid 2px #DBA328; 
    z-index: 3;
  }   

  div.block{
    overflow:hidden;
  }

  div.block .icon{
    margin-left:4px;
    float:left;
    top: -3;
  }

  .space {
    display:block;
    width:200px;
  }

  .text-decoration-none {
    text-decoration: none;
  }

  /* ------- Classes -------- */
  
.tempBorder {
  border: red solid 1px;
}

.navigation {
  position: absolute;
  text-align: center;
  margin-top: 20px;
  margin-right: 100px;
  font-family: Poppins;
  font-size: 14px;
  line-height: 50px;
  text-decoration: none;
}
 
/*  .basketBackground {
  background-image: url('Images/BasketWeaveBackground.png'); 
  background-repeat: repeat;
  background-color: #D7DCD7;
 } */

 .topSection {
  background-image: url(".Images/Background2.jpg");
  background-repeat: repeat;
 }

.name {
  font-family: p22-dearest-pro; 
  font-size: 300px; 
  font-weight: 400;
  font-style: normal;
  line-height: 120px;
  text-shadow: 3px 3px 5px #595959;  
  text-align: center;  
  margin-top: 0px;
  position:relative;
  z-index: 11;
}

.location {
  font-family: old-claude-lp-regular, sans-serif;  /* Poppins;  */
  font-size: 18px; 
  /* color: black; */
  text-align: center; 
  text-transform: uppercase; 
  letter-spacing: 7px; 
  line-height:40px;
  margin-bottom: 30px;
} 

.leftPadding {
  margin-left: 30px;
}

 #pic {
  margin-top: -40px;
  position: relative;
  z-index: 10;
  margin-bottom: 30px;
}   

.bio {
  font-family: old-claude-lp-regular, sans-serif;  /* Poppins;  */
  font-size: 18px; 
  color: black;
  line-height: 30px; 
  text-align: left;
  position: relative;
  width: 100%;
  padding-left: 40px; 
  margin-bottom: 90px;
  padding-right: 40px;
}

.contact {
  font-family: Poppins; 
  font-size: 20px; 
  text-align: left;
  line-height: 40px;
  position: relative; 
}

.contact a {
  text-decoration: none;
} 

.contact a:hover {
  text-decoration: none; 
}

.leftMargin {
  margin-left: 40px;
}

.parallax1 {
  /* The image used */
  background-image: url("Images/WorkingAtDesk-BW.jpg"); 

  /* Set a specific height */
  min-height: 400px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax2 {
  /* The image used */
  background-image: url("Images/WorkingWithBook-BW-lt.jpg");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax3 {
  /* The image used */
  background-image: url("Images/WorkingInShop1-BW-lt.jpg");

  /* Set a specific height */
  min-height: 200px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.DivDivider {
 height: 30px;
 width: 100%;
 border-top: #DBA328 solid 2px;
 border-bottom: #DBA328 solid 2px;
}

.DivDividerDecor {
  height: 30px;
  width: 100%;
  margin-top: 7px;
  background-image: url("Images/DecorLineRepeat.png");
  background-size: 50px;
  background-repeat: repeat-x;
 }

.fa-brands {
  vertical-align: sub;
  font-size: 30px;
}

.categories {
  font-family: old-claude-lp-regular, sans-serif; /* p22-typewriter */ 
  font-size: 40px; 
  font-weight: 400;
  font-style: normal;
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
  
}

.categories li {
  padding-inline-start: 20px; 
  font-family: Poppins; 
  font-weight: 300;
  vertical-align: middle;
  font-size: 18px;
  text-align: left; 
  text-decoration: none; 
  text-transform: capitalize; 
  line-height: 28px;
  /* text-indent: 20 px; */
}

.categoryHeight {
  line-height:10px;
  margin-top: -10px;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url("Images/Category_Back_Graphic.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90% 50%;
  image-rendering: -webkit-optimize-contrast;
  /* image-rendering: crisp-edges; */
}

.categoryHeight.image {
  opacity:.3;
}

.categories a:hover {
  text-decoration: none; 
}

.categoryDecor {
    height:45px;
    margin-top: -10px;
    margin-left: 0px;
    margin-right: 0px;
}

.education {
  font-family: Poppins; 
  font-size: 32px; 
  margin-left: 0px;
}

.education li {
  font-family: Poppins; 
  font-size: 24px; 
  font-weight: bold; 
  margin-top: 10px;
  text-indent: 0 px; 
  text-transform: none;
} 

.education ui {
  font-family: Poppins; 
  font-size: 14px; 
  line-height: 12px;
  text-indent: 0 px; 
  margin-left: 0 px;
  text-transform: none;
}

.cert {
  font-family: Poppins; 
  font-size: 14px; 
  font-weight:lighter;
  margin-left: 0px; 
  padding-bottom: 20px;
}

.cert li {
  font-family: Poppins; 
  font-size: 14px; 
  margin-top: 10px;
  text-indent: 0 px; 
  text-transform: none;
} 

/* .cert ul {
  padding-inline-start: 0px; 
  font-family: Poppins; 
  font-size: 20px; 
  font-weight: bold;  
  line-height: 12px;
  text-indent: 0 px; 
  margin-left: 0 px;
  text-transform: none;
}*/

.certName {
  padding-inline-start: 0px; 
  font-family: Poppins; 
  font-size: 18px;  
  font-weight: bold;
  line-height: 12px;
  text-indent: 0 px; 
  margin-left: 0 px;
  text-transform: none;
}

.section {
  font-family: p22-dearest-pro; /* Poppins; */ 
  font-size: 170px; 
  font-weight: 400; 
  height:65px;
  border-top: solid 2px #DBA328; 
  border-bottom: solid 3px #DBA328; 
  }

.sectionSpacing {
  margin-top: -5px; 
  margin-left: 50px;
  text-align: left; 
  text-shadow: 3px 3px 5px #3d3c3c;
  line-height: 70px; 
  z-index: 15;
}

.comment {
  width: 100%;
  max-width: 100%;
  margin-top: 20px;
  padding-left: 50px;
  padding-right: 50px;
  text-align: left;
  vertical-align: top;
  font-family: Poppins; 
  font-size: 14px; 
  text-transform: none; 
  border-radius: 25px;
  background: #ffffff;
  opacity: .5; 
}

.dividerLine {
  border-top: 1px solid #DBA328; 
  border-width: 60%;
  margin-top: 20px;
  margin-bottom: 5px;
}

.footer {
  width: 100%;
  height: 60px;
  border-top: solid 3px #DBA328; 
  z-index: 3;
} 

 .buttonCenter {
  position:relative;
  width: 100%;
  height: 90px;
  position: relative; 
  text-align: center;
  margin-top: 30px;
  margin-bottom: 50px;
}   

.downloadBtn {
  position: relative; 
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  background-color: #DBA328;
  border: none;
  color: white;
  padding: 7px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
  border-radius: 15px;
  }

  .downloadBtn a {
    text-decoration: none; 
  }

  .downloadBtn a:link {
    text-decoration:none;
  }

  .downloadBtn a:visited {
    text-decoration:none; 
  }

  .downloadBtn a:hover {
    text-decoration:none;
    color: #FCF1D4; 
  }


/* IDs */

#mailBtn {
  font-family: Material+Icons; 
  font-size: 32px; 
  vertical-align: text-bottom;
  vertical-align: sub;
}

#phoneBtn {
  font-family: Material+Icons; 
  font-size: 32px; 
  vertical-align: sub;
}

#websiteBtn {
  font-family: Material+Icons; 
  font-size: 32px; 
  vertical-align: sub;
}

#skillIcons {
  font-size: 50px;
  vertical-align: sub;
}


#degree {
  letter-spacing: .03ch; 
}

#subject {
  padding-inline-start: 0px; 
  font-family: Poppins; 
  font-size: 18px;
  font-weight: 300;
  /* text-transform: capitalize; */
  margin-left: 15px;
} 

#school {
  padding-inline-start: 15px; 
  font-family: Poppins; 
  font-size: 14px; 
  font-weight: 300;
  text-decoration: none; 
  /* text-transform: capitalize; */
  line-height: 18px;
  margin-bottom: 20px;
} 

#reviewer {
  margin-top: 8px;
  font-style: italic;
  font-weight: bold;
  opacity: 1;
}

#reviewerLocation {
  font-size: 12px;
  margin-top: 5px;
  margin-left: 10px;
  font-style: italic;
  opacity: 1;
}

#copyright {
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:50px;
}

/* Color Theme Swatches in Hex */
.Website2-1-hex { color: #503770; } /* purple */
.Website2-2-hex { color: #C2B9EB; } /* lt purple */
.Website2-3-hex { color: #DBA328; } /* yellow-orange */
.Website2-4-hex { color: #FCF1D4; } /* lt yellow-orange */
.Website2-5-hex { color: #000000; } /* black */
.Website2-6-hex { color: #859587; } /* green */
.Website2-7-hex { color: #D7DCD7; } /* lt green */

/* Color Theme Swatches in RGBA */
.Website2-1-rgba { color: rgba(80, 55, 112, 1); } /* purple */
.Website2-2-rgba { color: rgba(194, 185, 235, 1); } /* lt purple */
.Website2-3-rgba { color: rgba(219, 163, 40, 1); } /* yellow-orange */
.Website2-4-rgba { color: rgba(252, 241, 212, 1); } /* lt yellow-orange */
.Website2-5-rgba { color: rgba(0, 0, 0, 1); } /* black */
.Website2-6-rgba { color: rgba(133, 149, 135, 1); } /* green */
.Website2-7-rgba { color: rgba(215, 220, 215, 1); } /* lt green */

/* Color Theme Swatches in HSLA */
.Website2-1-hsla { color: hsla(266, 34, 32, 1); } /* purple */
.Website2-2-hsla { color: hsla(250, 55, 82, 1); } /* lt purple */
.Website2-3-hsla { color: hsla(41, 71, 50, 1); } /* yellow-orange */
.Website2-4-hsla { color: hsla(43, 86, 90, 1); } /* lt yellow-orange */
.Website2-5-hsla { color: hsla(0, 0, 0, 1); } /* black */
.Website2-6-hsla { color: hsla(127, 7, 55, 1); } /* green */
.Website2-7-hsla { color: hsla(120, 6, 85, 1); } /* lt green */