body
{
   background-color: white;
}

h1, h2, h3, h4, h5, h6
{
   font-family: Arial, Helvetica, "sans-serif normal";
}

h1
{
   font-size: 200%;
}

p
{
margin: 0;
padding: 0;
}

.centered
{
   margin: auto;
   text-align: center;
}

.contactdetails
{
   padding-bottom: 1%;
}

.experiencecolumnfull {
   float: left;
   width: 95%;
   text-align: left;
margin: 0;
padding: 0;
}

.experiencecolumnleft {
   float: left;
   width: 50%;
   text-align: left;
   text-align: left;
vertical-align: top;
   padding: 0;
}

.experiencecolumnright {
   float: left;
   width: 50%;
   text-align: right;
margin: 0;
padding: 0;
}

.experienceworkposition
{
   padding-bottom: 1.5%;
}

.fontsansserif
{
   font-family: Arial, Helvetica, "sans-serif normal";
}

.indented
{
   margin-left: 3%;
}

.nametitle
{
   font-size: 200%;
   font-weight: bold;
   padding-bottom: 1%;
}

.navlinks
{
   font-size: 80%;
}

.nobulletlistunordered
{
   font-weight: bold;
   list-style-type: none;
   li
   {
      display: inline-block;
      margin-left: 1%;
      margin-right: 1%;
   }
}

.quote
{
   margin: 0;
   padding: 0;
}

.quote.blockquote
{
   margin: 1em;
}

/* Clear floats after the columns */
.row {
margin: 0;
padding: 0;
}
.row::after {
   content: "";
   display: table;
   clear: both;
}

.sectionentryedandcerts
{
   padding-bottom: 1.5%;
}

.sectionentryedandcertifier
{
   /* font-weight: bold; */
   font-style: italic;
}

.sectionentryedandcertcert
{
   font-weight: bold;
}

.skillscolumnleft {
   float: left;
   width: 25%;
   text-align: right;
margin: 0;
padding: 0;
}

.skillscolumnright {
   float: left;
   width: 70%;
/* padding: 15px; */
}

.styleexperiencecompany
{
   font-weight: bold;
}

.styleexperienceposition
{
   font-style: italic;
}

.styleexperienceyears
{
   font-weight: bold;
}

@media print
{
   @page
   {
      size: letter;
   }
   .hideIfPrinting
   {
      display: none;
   }
}

/*
Responsive layout - makes the columns stack on top of each other instead of
next to each other
*/
@media screen and (max-width:600px)
{
   .experiencecolumnleft
   {
      width: 100%;
      text-align: left;
   }
   .experiencecolumnright
   {
      width: 100%;
      text-align: left;
   }
   .skillscolumnleft
   {
      width: 100%;
      text-align: left;
   }
   .skillscolumnright
   {
      width: 100%;
   }
}