.Page {
    background: white;
}

.TestBorder {
    border-style: solid;
    border-width: 1px;
    border-color: lime;
}

.TestBackground {
    background-color: orange;
}

.TEMPCONTENTSPACER {
    margin-top: 400px;
}


/*HEADER*/

.Header {
    background-image: url("../img/banner-paper.jpg");
    background-position: center;
    background-size: 800px;
}

.HeaderImage {
    width: 100%;
    height: 100%;
    max-height: 230px; /*348*/
    max-width: 444px; /*672*/
    display: block;
    margin:10px auto 10px auto;
}

.HeaderCenterTop {
    color: rgb(0, 0, 179);
    font-family: Impact;
    font-size: calc(clamp(30px, 3vw, 40px));
    text-align: center;
}

.HeaderCenterBottom{
    color: rgb(0, 0, 179);
    font-family: Impact;
    font-size: calc(clamp(30px, 3vw, 40px));
    text-align: center;
}

.HeaderRightTop {
    font-family: Impact;
    color: rgb(0, 0, 179);
    font-size: calc(clamp(30px, 3vw, 40px));
    text-align: center;
}

.HeaderRightBottom {
    font-family: Arial;
    font-size: calc(clamp(30px, 3vw, 50px));
    color: rgb(179, 0, 0);
    text-align: center;
    font-weight: bold;
}

.HeadderThirdContainer {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -15px;
    margin-right: -15px;
    /*Border needed to keep logo from falling to bottom of column.
      Reasons for this are unknown...*/
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
}

/*MENU*/

.MenuItem {
    color: white;
    font-weight: 800;
    font-size: 22px;
}

/*BANNER*/

.Banner {
    background-image: url("../img/banner-paper.jpg");
    background-repeat: repeat-x;
    background-position: center;
    background-size: 800px;
    padding: 20px;
    /*margin-top: -20px;*/
    border-bottom: solid;
    border-color:rgb(0, 0, 179);
    border-width: 3px;
}

.BannerText {
    Color:rgb(0, 0, 179);
    font-size: calc(clamp(24px, 4.2vw, 64px));
    text-align: center;
    font-weight: bold;
}

/*FOOTER*/

.FooterTop {
    background: rgb(0, 0, 179);
    color: white;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.FooterText {
    margin-top: 30px;
    font-family: Arial;
}

.FooterLink {
    color: white;
    text-decoration: underline;
}

.FooterLink:hover {
    color: rgb(150, 150, 150);;
}

.FooterLine {
    background: white;
}

.FooterImage {
    width: 100%;
    height: 100%;
    max-height: 174px;
    max-width: 336px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.FooterPhone {
    font-family: Arial;
    color: rgb(179, 0, 0);
    font-weight: bold;
    font-size: calc(clamp(44px, 3vw, 52px));
}

.FooterBottom {
    background: rgb(0, 0, 100);
    color: white;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;
}

/*Contact Us*/

.ContactBody {
    margin-top: 40px;
    margin-bottom: 40px;
}

.ContactForm {
    background: rgb(215, 235, 250);
    margin: 20px;
    padding: 30px;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}

.ContactFormGroup {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.ContactFormItem {
    margin-top: 5px;
    margin-bottom: 30px;
}

.ContactFormButton {
    width: 100%;
}

.ContactHours {
    font-family: Impact;
    color: rgb(0, 0, 179);
    font-size: 32px;
    text-align: center;
}

.ContactPhone {
    font-family: Arial;
    font-size: 32px;
    color: rgb(179, 0, 0);
    text-align: center;
    font-weight: bold;
}

.ContactMapBorder {
    height: 3px;
    background-color:rgb(0, 0, 179);
}

.ContactMap {
    width: 100%;
    height: 400px;
    border: 0;
    margin-bottom: -6px;
}

/*Service Area*/

.list-group-item {
	width: 95%;
	margin: 1% !important;
}

@media (min-width: 576px) {
	.list-group-item {
		width: 47%;
		margin: 5px 1.5% !important;
	}
}

@media (min-width: 768px) {
	.list-group-item {
		width: 31.333%;
		margin: 5px 1% !important;
	}
}

@media (min-width: 992px) {
	.list-group-item {
		width: 23%;
		margin: 5px 1% !important;
	}
}

.AreaCityHead {
    font-family: Arial;
    font-size: 32px;
    text-align: center;
    margin: 20px;
}

.AreaCityGroup {
    margin-bottom: 30px;
}

.AreaCity {
    font-family: Arial;
    font-size: 20px;
    text-align: center;
}

/*Services*/

.ServicesLogoImage {
    max-width: 100%;
    max-height: 120px;
    display: block;
    margin: auto;
    padding-top: 40px;
}

.ServicesCard {
    max-width: 500px;
    margin: 20px auto 30px auto;
}

.ServicesCardTitle {
    font-size: 25px;
    font-family: Arial;
    font-weight: bold;
}

.ServicesCardImage {
    height: 100%;
    width: 100%;
    max-width: 460px;
}

/*Reviews*/
.ReviewsLogoTitle {
    Color:rgb(0, 0, 179);
    font-size: calc(clamp(19px, 4vw, 52px));
    text-align: center;
    font-weight: bold;
}

.ReviewsLink {
    margin: auto;
    display: block;
    text-align: center;
}

.ReviewsLogo {
    max-width: 100%;
    max-height: 90px;
}

.ReviewsLogoContainer {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 20px;
}

/*Careers*/
.CareersTitle {
    Color: rgb(179, 0, 0);
    font-size: calc(clamp(20px, 3vw, 40px));
    text-align: center;
    font-weight: bold;
    font-family: Arial;
    margin-top: 20px;
    margin-bottom: 20px;
}

.CareersDescription {
    font-family: Times;
    font-size: calc(clamp(15px, 2vw, 20px));
    margin: 0 7% 0 7%;
}

.CareersForm {
    padding: 30px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    border-radius: 15px;
    background: rgb(215, 235, 250);
}

.CareersFormItem {
    margin-bottom: 35px;
}

.CareersResume {
    margin: 25px 0 20px 0;
}

.CareersButton {
    width: 100%;
}

/*About Us*/
.AboutPicture1 {
    float: left;
    width: 100%;
    max-width: 600px;
    max-height: 400px;
    padding: 15px 2% 5px 2%;
    margin-top: 35px;
    display: block;
}

.AboutPicture2 {
    float: right;
    width: 100%;
    max-width: 550px;
    max-height: 400px;
    padding: 15px 2% 5px 2%;
    margin-top: 35px;
    display: block;
}

.AboutTitle {
    display: block;
    font-family: Times;
    font-size: calc(clamp(25px, 2.4vw, 60px));
}

.AboutParagraph {
    font-family: Arial;
    font-size: calc(clamp(18px, 1.4vw, 30px));
    text-align: justify;
}

/*Home*/
.HomeParagraph {
    font-family: Arial;
    font-size: calc(clamp(15px, 2vw, 25px));
    text-align: justify;
    margin: 10px 5% 0 5%;
}

.HomeBanner {
    background-image: url("../img/Home-Banner-6144x4089.jpg");
    background-position: 50% 30%;
    background-size: cover;
    padding-top: 320px;
    padding-bottom: 60px;
    background-repeat: no-repeat;
}

.HomeBannerBlock {
    text-align: center;
    padding: 10px 0 10px 0;
    background: rgba(110, 110, 110, 0.7);
    border-radius: 15px;
    font-family: Arial;
    font-weight: bold;
    font-size: calc(clamp(40px, 6vw, 60px));
    color: rgb(179, 0, 0);
    line-height: 120%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 500px;
}

.HomeParagraphTitle {
    Color:rgb(0, 0, 179);
    font-size: calc(clamp(18px, 3.5vw, 52px));
    text-align: center;
    font-weight: bold;
}

.HomeForm {
    background: rgb(215, 235, 250);
    margin: 20px;
    padding: 30px;
    border-radius: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}

.HomeFormGroup {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.HomeFormItem {
    margin-top: 5px;
    margin-bottom: 30px;
}

.HomeFormButton {
    width: 100%;
}

.HomeFormTitle {
    font-family: Arial;
    font-size: calc(clamp(15px, 4.2vw, 35px));
    font-weight: bold;
    color: rgb(0, 0, 179);
    text-align: center;
    padding-bottom: 15px;
    margin: 0 -4% 0 -4%;
}

.HomeReviewBlock {
    text-align: center;
    padding: 0 3% 0 3%;
    margin-top: 25px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    border-radius: 5%;
}

.HomeReviewTitle {
    font-family: Arial;
    font-size: calc(clamp(22px, 4vw, 35px));
    color: rgb(0, 0, 179);
}

.HomeReviewCitation {
    font-family: Arial;
    font-size: calc(clamp(15px, 4vw, 25px));
    font-weight: bold;
    color: rgb(0, 0, 179);
}

.HomeReviewStars {
    max-width: 250px;
    width: 100%;
    margin: 10px auto 13px auto;
}

.HomeReviewParagraph {
    font-family: Arial;
    font-size: calc(clamp(15px, 2vw, 20px));
    color: black;
}