/* ----- Entries are applicable to every page with a heading except index.html --------*/

/*  This sheet contains the following div tags:
    .PageTitle                            .PageTitleJumpStartPackage
    .PageTitlePlanningPackage             .PageTitleProfessionalPackage
    .PageTitleSmallBizPackage             .PageTitleStarterPackage
    .PageTitleStatusPackage               .PageTitleUltimatePackage
    .TopofPage h4                         .HorizontalLine
    .COVID-19-Image
 
*/

.PageTitle {
    background-color: lightblue;
    width: auto;
    font-family: calibri, verdana;
    font-weight: bold;
    font-size: 18px;
    line-height: 150%;
    border-top: 4px solid blue;
    border-bottom: 4px solid blue;
}
.PageTitleJumpStartPackage {
    background-color: red;
    width: auto;
    font-family: calibri, verdana;
    font-weight: bold;
    font-size: 18px;
    color: white;
    line-height: 90%;
    border-top: 4px solid blue;
    border-bottom: 4px solid blue;
    margin: 0px; 
}
.PageTitlePlanningPackage {
    background-color: grey;
    width: auto;
    font-family: calibri, verdana;
    font-weight: bold;
    font-size: 18px;
    color: white;
    line-height: 90%;
    border-top: 4px solid blue;
    border-bottom: 4px solid blue;
    margin: 0px; 
}
.PageTitleProfessionalPackage {
    background-color: darkgreen;
    width: auto;
    font-family: calibri, verdana;
    font-weight: bold;
    font-size: 18px;
    color: white;
    line-height: 90%;
    border-top: 4px solid blue;
    border-bottom: 4px solid blue;
    margin: 0px; 
}
.PageTitleSmallBizPackage {
    background-color: purple;
    width: auto;
    font-family: calibri, verdana;
    font-weight: bold;
    font-size: 18px;
    color: white;
    line-height: 90%;
    border-top: 4px solid blue;
    border-bottom: 4px solid blue;
    margin: 0px; 
}
.PageTitleStarterPackage {
    background-color: black;
    width: auto;
    font-family: calibri, verdana;
    font-weight: bold;
    font-size: 18px;
    color: white;
    line-height: 90%;
    border-top: 4px solid blue;
    border-bottom: 4px solid blue;
    margin: 0px; 
}
.PageTitleStatusPackage {
    background-color: orangered;
    width: auto;
    font-family: calibri, verdana;
    font-weight: bold;
    font-size: 18px;
    color: white;
    line-height: 90%;
    border-top: 4px solid blue;
    border-bottom: 4px solid blue;
    margin: 0px; 
}
.PageTitleUltimatePackage {
    background-color: darkblue;
    width: auto;
    font-family: calibri, verdana;
    font-weight: bold;
    font-size: 18px;
    color: white;
    line-height: 90%;
    border-top: 4px solid blue;
    border-bottom: 4px solid blue;
    margin: 0px; 
}
.TopofPage h4 { 
    width: 100%;
    font-family: calibri, arial;
    font-size: 18px;
    color: darkblue;
    weight: bold;
    text-align: center;
}
.HorizontalLine hr {
    border: 2px solid darkblue;  
}

@media screen and (max-width: 768px) { 
    .PageTitle h1 {
        font-size: 20px;
    }
    .PageTitleJumpStartPackage {
        font-size: 15px;
    }
    .PageTitlePlanningPackage {
        font-size: 15px;
    }
    .PageTitleProfessionalPackage {
        font-size: 15px; 
    }
    .PageTitleSmallBizPackage {
        font-size: 15px;  
    }
    .PageTitleStarterPackage {
        font-size: 15px;  
    }
    .PageTitleStatusPackage {
        font-size: 15px; 
    }
    .PageTitleUltimatePackage {
        font-size: 15px; 
    }
}

 /* ---------------------------------------COVID-19 Promotion -----------------------------*/   

.COVID-19-image {
    text-align: center;
}

@media screen and (max-width: 1024px) {  
    .COVID-19-image img {
        width: 85%;
    } 
}
@media screen and (max-width: 768px) {  
    .COVID-19-image img {
        width: 75%;
    } 
}