@charset "utf-8";

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

.bonding-content { /* outer grey border */
background: white;
margin: 0 auto;
height: 100%;
width: auto;
}

body { /* photo background */
font-family: Arial, Helvetica, 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 -------------------- */
#main {
margin: 0 50px;
width: auto;
height: auto;
background: white;
}
    
.greybg {
padding: 0 50px;
width: auto;
height: auto;
background: #F7F7F7;
}


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

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

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

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


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

a:hover {
color: #ea7110;
}


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


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

}