@charset "utf-8";

* {
padding: 0;
margin: 0;
box-sizing: content-box;
}

.box img {
    width: 100%;
    height: 600px;
}

.box1 img {
    object-fit: cover;
}

.bonding-content { /* outer grey border */
background: #e6e6e6;
margin: 0 auto;
width: 900px;
padding: 80px;
height: 100%;
}

body { /* photo background */
font-family: system-ui, sans-serif;
background: url(../images/shutterstock_552497008.jpg);
background-repeat: no-repeat;
background-position: center 0px;
background-size: 100% cover;
background-attachment: fixed;
margin: 0;
}

/* ------------------- HEADER / TOP NAV -------------------- */
#header {
margin: 0 auto;
width: auto;
height: auto;
background-color: transparent !important;
}

.nav-list {
display: flex;
list-style: none;
padding: 20px 20px 10px 20px;
margin: 0;
background: #fff;
justify-content: space-between;
}

/* ------------------- CONTENT ------------------ */
#content {
font-size: 15px;
text-align: left;
margin: 0 auto;
padding: 30px 40px 30px 40px;
background: white;
}

.brandmarklogo-inside { /* white inner box */
background-color: #fff;
padding: 10px 0;
}

#content-brandmarklogo {
margin: 0 auto;
padding: 40px;
background: #D9D9D9;
}

.grouping { /* see "FONT" section for text */
background: #d1983b; 
padding: 20px 30px; 
margin-top: 20px;
}

/* ------------------- IMAGES ------------------ */
img {
display: block;
border: 0;
}

img.displayed { /* brandmarklogo padding */
display: block;
margin-left: auto;
margin-right: auto;
padding: 25px 0;
}

/* ------------––––---- FONT -----–------–-––---- */
p { /* --- BODY TEXT --- */
font-size: 15px;
letter-spacing: 0.1px;
line-height: 155%; /*inside paragraph*/
padding: 10px 0; /* between paragraphs */
word-break: normal;
white-space: normal;
}

.MAILING {
font-size: 17px;
color:#864c1e;
padding-top: 10px !important;
}

.H1-Headline {
font-size: 30px; 
line-height: 110%; 
font-weight: bold;
text-align: left;
}

.H2-toptitle {
font-size: 20px;
line-height: 150%;
font-weight: bold;
text-transform: uppercase;
padding: 10px 0;
}

.H2-blocktitle {
color: white;
text-align: center;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
padding: 20px 0;
margin: 0;
}

.H3-contacttitle {
font-size: 18px;
font-weight: bold;
padding: 0 !important;
}

.H4-bold {
font-weight: bold;
padding: 10px 0;
}

.H5-ancestor {
font-size: 18px; 
}

.contactusbody {
font-size: 15px;
line-height: 120%;
text-align: left;
}

sup {
    vertical-align: text-bottom;
}

td {
font-size: 15px;
line-height: 120%;
padding: 5px 0;
}

.group-title { /* Job Opportunities GROUP A-H */
color: white;
text-align: center;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
padding: 0 0 10px 0;
}

.grouping { /* see "content" section for padding */
font-weight: bold;
text-align: center;
color: white;
}

.brandmarklogo-link {
font-size: 18px;
font-weight: bold;
width: auto;
table-layout: fixed;
text-align: left;
padding: 10px 0;
margin: 0 auto;
}

.copyright-ip {
text-align: left;
text-wrap: pretty;
color: white;
padding: 10px 0;
}

.copyright-ip2 {
text-align: left;
color: white;
padding-top: 10px;
}

.copyright-design {
text-align: left;
font-weight: bold;
/*color: #e075ec;*/
color: #66d4fc;
}

/* ------------------- LISTS ------------------ */
ul, ol {
line-height: 155%;
margin-left: 20px;
padding: 10px 0 0 0;
}

ol li {
letter-spacing: 0.1px;
padding: 0 0 10px 0;
}

ul li {
letter-spacing: 0.1px;
padding: 0 0 10px 0;
}

/* ---------------- HYPERLINKS ---------------- */
a {
color: white;
text-decoration: none;
}

a:hover {
color: #ea7110;
}

.nav-list a:hover {
color: #ea7110;
}

.nav-list a {
font-weight: bold;
text-decoration: none;
letter-spacing: 0.5px;
line-height: 16px !important;
color: #000;
}

.grouping-link {
font-size: 20px;
font-weight: bolder;
padding: 5px 0;
font-family: 'Montserrat', sans-serif;
}

.propertylink {
color: blue;
}

/* ------------------- FOOTER ------------------ */
.footer {
background: black;
width: auto;
table-layout: fixed;
margin: 0 auto;
padding: 0 40px;
}

.pagenumber-dropdown {
font-size: 18px;
width: auto;
table-layout: fixed;
text-align: center;
padding: 15px 0;
margin: 0 auto;
color: white;
}

select#pages { /* page # dropdown */
font-size: inherit;
font-weight: bold;
width: 80px;
}

.go-to-top{
color: white;
font-weight: bold;
text-align: center;
padding: 15px 0;
}

.go-to-top-aboutus{
font-weight: bold;
text-align: center;
padding: 15px 0;
}

.pagenumber { /* about-us footer pagination */
font-size: 18px;
color: white;
text-align: center;
padding: 15px 0 !important;
}

.lastupdated {
font-size: 10pt;
font-weight: bold;
color: white;
text-align: center;
padding: 15px 0;
}




/* ---------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------ MOBILE VERSION ------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
	
.bonding-content {
width: 720px;
padding: 70px;
}

.nav-list a {
font-size: 20px !important;
/* font-size: 18px !important; */
}

ul, ol {
font-size: 24px !important;
line-height: 125%;
padding: 20px 0 0 0;
}

p { /* --- BODY TEXT --- */
font-size: 24px !important;
line-height: 125%;
padding: 10px 0 !important;
}

.chairmanceo {
font-size: 28px !important;
}

.MAILING {
font-size: 18px !important;
padding-top: 10px !important;
}

.H1-Headline {
font-size: 40px !important;
}

.H2-toptitle {
font-size: 26px !important;
line-height: 125%;
padding: 10px 0 !important;
}

.H3-contacttitle {
font-size: 19px !important;
padding: 0 !important;
}

.H2-blocktitle {
font-size: 26px !important;
padding: 15px 0 !important;
}

.group-title {
font-size: 28px !important;
}

.H3-title {
font-size: 18px !important;
}

.H5-ancestor {
font-size: 26px !important; 
}

.contactusbody {
font-size: 18px !important;
line-height: 115% !important;
}

.contactusbody2 {
font-size: 20px !important;
line-height: 115% !important;
}

td {
font-size: 18px !important;
line-height: 115% !important;
}

.brandmarklogo-link {
font-size: 34px !important;
}

.copyright-ip {
font-size: 26px !important;
}

.copyright-ip2 {
font-size: 32px !important;
}

.propertylink {
color: blue;
font-size: 20px !important;
line-height: 135% !important;
}

.damageamount {
font-size: 30px !important;
font-weight: bold;
}

.copyright-design {
font-size: 24px !important;
}

.grouping-link {
font-size: 24px !important;
}

.footer {
padding: 20px 40px;
}

.pagenumber { /* about-us footer pagination */
font-size: 28px !important;
padding: 0 0 20px 0 !important;
}

.pagenumber-dropdown {
font-size: 28px !important;
padding: 0 0 20px 0 !important;
}

.go-to-top{
font-size: 28px !important;
padding: 0 0 20px 0 !important;
}

.go-to-top-aboutus{
font-size: 28px !important;
padding: 20px 0 !important;
}

.lastupdated {
font-size: 22px !important;
padding: 20px 0 0 0 !important;
}

}