@font-face {
    font-family: BeauSansBold;
    src: url('../assets/fonts/PFBeauSansProBold.ttf');
}

@font-face {
    font-family: BeauSansRegular;
    src: url('../assets/fonts/PFBeauSansProBook.ttf');
}

img {
  max-width: 100%;
  max-height: 100%;
  /* width: auto; */
  height: auto;
}


/* Text Styles */
hr { color: #000000}
body, table, tr, th /* Normal */
{
 font-size: 20px;
 font-family: 'BeauSansRegular', 'OpenSans', 'Arial';
 font-style: normal;
 font-weight: normal;
 color: #000000;
 text-decoration: none;
}
span.f_CodeExample /* Code Example */
{
 font-family: 'Courier New';
}
span.f_Comment /* Comment */
{
}
span.f_firstDownloadLink /* firstDownloadLink */
{
 font-size: 24px;
 font-family: 'BeauSansRegular', 'OpenSans', 'Arial';
 font-weight: bold;
 color: #ffc230;
}
span.f_Header /* Header */
{
 font-size: 24px;
 font-family: 'BeauSansBold';
 font-weight: bold;
 color: #4580a0;
}
span.f_Heading1 /* Heading1 */
{
 font-size: 90px;
 font-family: 'BeauSansBold';
 font-weight: bold;
 color: #ffffff;
}
span.f_ImageCaption /* Image Caption */
{
 font-size: 12px;
 font-style: italic;
}
span.f_NormalHead /* Normal Head */
{
 font-size: 30px;
 font-family: 'BeauSansBold';
 font-weight: bold;
 color: #4580a0;
}
span.f_Notes /* Notes */
{
}
/* Paragraph styles */
p /* Normal */
{
 text-align: left;
 text-indent: 0px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 10px 0px;
}
.p_CodeExample /* Code Example */
{
 white-space: nowrap;
 margin: 0px 0px 0px 0px;
}
.p_Comment /* Comment */
{
 text-align: center;
}
.p_firstDownloadLink /* firstDownloadLink */
{
    margin: 12px 0px 10px 0px;
    text-decoration: none;
    display: inline-block;
    color: #ffc230;
    text-align: center;
    font-size: 1.5rem;
    padding: 1% 5%;
    border: solid 2px #ffc230;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    vertical-align: middle;
    text-transform: uppercase;
}
.p_Header /* Header */
{
 margin: 12px 0px 10px 0px;
}
.p_Heading1 /* Heading1 */
{
 margin: 0px 0px 0px 0px;
}
.p_ImageCaption /* Image Caption */
{
}
.p_NormalHead /* Normal Head */
{
 margin: 10px 0px 8px 0px;
}
.p_Notes /* Notes */
{
}
