header, footer, nav, section {
    display: block;
}

body {
    font-size: 15px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-weight: 300;
    color:#333;
    background-color: #fcfcfc;
    padding: 0;
    margin: 0 auto;
    height: 100%;
    width: 900px;
    padding-top:0px;
}

.container
{
  display:block;
}

.ref-container
{
   padding-top:20px;
}

h1 /* Page header | header */ {
    letter-spacing: 0em;
    font-size: 37px; /* 28pt 42pt */
    font-weight: bold;
    margin: 0;
    font-style: italic;
    color:#333;
}

h2 /* Interactive subheader | subheader */ {
    letter-spacing: 0.01em;
    font-size: 26px; /* 20pt; */
    font-weight: bold;
    margin: 0;
    font-style: italic;
    color:#333;
}

h3 /* Interactive subheader | subheader */ {
    letter-spacing: 0.02em;
    font-size: 21px; /* 16pt */
    font-weight: 300;
    margin: 0;
}

label,
h4
/* Item title/header | Small subheader/subcaption */ {
    letter-spacing: 0.02em;
    font-size: 15px; /* 11pt */
    font-weight: 400; /* 600 */
    margin: 0;
}

h5 /* Navigation | Navigation */ {
    letter-spacing: 0.02em;
    font-size: 15px; /* 11pt */
    font-weight: 400;
    margin: 0;
}

h6 /* Tertiary info | Tertiary info */ {
    letter-spacing: 0.02em;
    font-size: 12px; /* 9pt */
    font-weight: 300;
    margin: 0;
}

.single-row-two-column-image-container
{
  width:100%;
}

.single-row-two-column-image-container .left-column-image-container
{
  float:left;
}

.single-row-two-column-image-container .right-column-image-container
{
  float:right;
}
.container
{
   padding-top:20px;
}
.boldheader
{
    font-size: 47px; 
    font-weight: 200;
    margin: 0;
    font-style: italic;
    color:#333;
    padding-top:5px;
    font-weight:bold;
    text-align:center;
}

.boldparagraph
{
    font-size: 20px; 
    font-style: italic;
    color:black;
    padding-top:5px;
    font-weight:bold;
    padding-left:10px;
}

.normalparagraph
{
    font-size: 15px; 
    color:black;
    padding-top:5px;
    font-weight:500;
    padding-left:10px;
}

.normalparagraph-italic
{
    font-size: 15px; 
    color:black;
    padding-top:0px;
    font-weight:500;
    padding-left:10px;
    font-style: italic;
    margin-bottom:0px;
}

ul {
    list-style-type: disc;
    padding-left:65px;
    margin-top:0px;
}
.imageholder
{
text-align:center;
}

@media only screen
and (max-width: 1024px) 
and (min-width: 769px)
{
   body {   
    width: 100%;
  } 
  .imgsize50
  {
    width:50% !important;
  }
  img
   {
     width:75%;
   }
  
   .imageholder
   {
    text-align:center;
   }

   .single-row-two-column-image-container .left-column-image-container
   {
     float:left;
     margin-left:100px;
   }

   .single-row-two-column-image-container .right-column-image-container
   {
     float:right;
     margin-left:100px;
   }
  .container
   {
      padding-top:20px;
      Width:100%;
   }

   .boldheader
   {
    font-size: 42px; 
    font-weight: 200;
    margin:0px;
    font-style: italic;
    color:#09c;
    padding-top:5px;
    font-weight:bold;
    text-align:center;
   }

   .boldparagraph
   {
      font-size: 20px; 
      font-style: italic;
      color:black;
      padding-top:5px;
      font-weight:bold;
      padding-left:5px;
   }

  .normalparagraph
   {
      font-size: 15px; 
      color:black;
      padding-top:5px;
      font-weight:500;
      padding-left:5px;
      
   }

}

@media only screen
and (max-width: 768px) 
and (min-width: 480px)
{
  body {   
    width: 100%;
  } 
  
  .imgsize50
  {
    width:50% !important;
  }  

  img
   {
     width:75%;
   }
  
   .imageholder
   {
    text-align:center;
   }
   
  .container
   {
      padding-top:20px;
      Width:100%;
   }

   .single-row-two-column-image-container .left-column-image-container
   {
     float:left;
     margin-left:100px;
   }

   .single-row-two-column-image-container .right-column-image-container
   {
     float:right;
     margin-left:100px;
   }

   .boldheader
   {
    font-size: 32px; 
    font-weight: 200;
    margin:0px;
    font-style: italic;
    color:#09c;
    padding-top:5px;
    font-weight:bold;
    text-align:center;
   }

   .boldparagraph
   {
      font-size: 15px; 
      font-style: italic;
      color:black;
      padding-top:5px;
      font-weight:bold;
      padding-left:5px;
   }

  .normalparagraph
   {
      font-size: 15px; 
      color:black;
      padding-top:5px;
      font-weight:500;
      padding-left:5px;
      
   }

}

@media only screen 
and (max-width : 480px) 
and (min-width : 320px){
 
body {   
    width: 100%;
  } 
  
  .imgsize50
  {
    width:100% !important;
  }  

  img
   {
     width:100%;
   }
  
   .imageholder
   {
    text-align:center;
   }

  .container
   {
      padding-top:20px;
      Width:100%;
   }

   .boldheader
   {
    font-size: 32px; 
    font-weight: 200;
    margin:0px;
    font-style: italic;
    color:#09c;
    padding-top:5px;
    font-weight:bold;
    text-align:center;
   }

   .boldparagraph
   {
      font-size: 15px; 
      font-style: italic;
      color:black;
      padding-top:5px;
      font-weight:bold;
      padding-left:5px;
   }

  .normalparagraph
   {
      font-size: 15px; 
      color:black;
      padding-top:5px;
      font-weight:500;
      padding-left:5px;
      
   }
}


@media only screen
and (max-width: 319px) 
{
   body {   
    width: 100%;
  } 

   .container
   {
      padding-top:20px;
      Width:100%;
   }

   .boldheader
   {
    font-size: 27px; 
    font-weight: 200;
    margin: 0px;
    font-style: italic;
    color:#09c;
    padding-top:5px;
    font-weight:bold;
    text-align:center;
   }

   .boldparagraph
   {
      font-size: 15px; 
      font-style: italic;
      color:black;
      padding-top:5px;
      font-weight:bold;
      padding-left:5px;
   }

  .normalparagraph
   {
      font-size: 13px; 
      color:black;
      padding-top:5px;
      font-weight:500;
      padding-left:5px;
      
   }
   
   .imageholder
   {
    text-align:center;
   }

   img
   {
     width:100%;
   }
}