@charset "utf-8";
/* CSS Document */

/**GENERAL**/

body {
	color:#2B2B2B;
	background-color:#ffffff;
font-family: "poppins", sans-serif;
font-weight: 400;
font-style: normal;
	font-size:1.3rem;
	line-height: 1.5rem;
}

p, li {
	font-family: "poppins", sans-serif;
font-weight: 400;
font-style: normal;
	font-size:1.3rem;	
	line-height: 1.5rem;
}

h1, h2, h3, h4, h5 {
	font-family: "fuzzy-bubbles", sans-serif;
font-weight: 700;
font-style: normal;
	margin: 25px 0px 20px 0px;
}

h1 {font-size: 2.7rem; line-height: 2.9rem;}
h2{font-size: 2.4rem; line-height: 2.6rem;}
h3{font-size: 1.9rem; line-height: 2.1rem;}
h4{font-size: 1.8rem; line-height: 2.0rem;}
h5{font-size: 1.6rem; line-height: 1.8rem;}

a {
  transition-duration: 0.5s;
}

iframe {max-width:100%;}

img {max-width:100%;}

hr {
max-width: 200px;
background-color: #139335;
height: 4px;
border: 0;
}

.bold {font-weight: bold;}

strong {font-weight: bold;}

.side-padding {
    padding: 5px 30px !important;
}

.cta{
	text-transform: uppercase;
	font-size:1.2rem;
	display:inline-block;
font-family: "fuzzy-bubbles", sans-serif;
font-weight: 700;
font-style: normal;
text-decoration: none !important;	
box-shadow: 0 10px 17px -15px rgba(0,0,0,.4);	
	margin-top:20px;
margin-bottom:20px;	
}

.logo {width: 100% !important; max-width: 275px !important;}



/**WHITE BACKGROUND**/
.white-background {
color:#2B2B2B;
background-color:#ffffff;
}

.white-background h1, .white-background h2, .white-background h3, .white-background h4, .white-background h5 {color:#2B2B2B;}

.white-background hr {background-color: #2B2B2B; margin: 0;}

.white-background a {color: #2B2B2B; text-decoration: underline;}
.white-background a:hover {color: #031071; text-decoration: none;}

.white-background .cta {
padding: 12px 18px 12px 18px;
  background: #779ECB;
  color: #2B2B2B;
  transition: 0.5s;
  display: inline-block;
  border: solid 4px #779ECB;
  border-radius: 50px;
}
.white-background .cta:hover{
background: #fff;
  color: #032c48;
  transition: 0.5s;
  border: solid 4px #032c48;
}


/**RED BACKGROUND**/
.red-background {
color:#1E1E1E;
background-color:#E3694A;
}

.red-background h1, .red-background h2, .red-background h3, .red-background h4, .red-background h5 {color:#1E1E1E;}

.red-background hr {background-color: #1E1E1E; margin: 0;}

.red-background a {color: #1E1E1E; text-decoration: underline;}
.red-background a:hover {color: #031071; text-decoration: none;}

.red-background .cta {
padding: 12px 18px 12px 18px;
  background: #ffffff;
  color: #2B2B2B;
  transition: 0.5s;
  display: inline-block;
  border: solid 4px #ffffff;
  border-radius: 50px;
}
.red-background .cta:hover{
background: #fff;
  color: #032c48;
  transition: 0.5s;
  border: solid 4px #032c48;
}


/**YELLOW BACKGROUND**/
.yellow-background {
color:#2B2B2B;
background-color:#F5CE6D;
}

.yellow-background h1, .yellow-background h2, .yellow-background h3, .yellow-background h4, .yellow-background h5 {color:#2B2B2B;}

.yellow-background hr {background-color: #2B2B2B; margin: 0;}

.yellow-background a {color: #2B2B2B; text-decoration: underline;}
.yellow-background a:hover {color: #031071; text-decoration: none;}

.yellow-background .cta {
padding: 12px 18px 12px 18px;
  background: #ffffff;
  color: #2B2B2B;
  transition: 0.5s;
  display: inline-block;
  border: solid 4px #ffffff;
  border-radius: 50px;
}
.yellow-background .cta:hover{
background: #fff;
  color: #032c48;
  transition: 0.5s;
  border: solid 4px #032c48;
}

/**BLUE BACKGROUND**/
.blue-background {
color:#2B2B2B;
background-color:#779ECB;
}

.blue-background h1, .blue-background h2, .blue-background h3, .blue-background h4, .blue-background h5 {color:#2B2B2B;}

.blue-background hr {background-color: #2B2B2B; margin: 0;}

.blue-background a {color: #2B2B2B; text-decoration: underline;}
.blue-background a:hover {color: #031071; text-decoration: none;}

.blue-background .cta {
padding: 12px 18px 12px 18px;
  background: #ffffff;
  color: #2B2B2B;
  transition: 0.5s;
  display: inline-block;
  border: solid 4px #ffffff;
  border-radius: 50px;
}
.blue-background .cta:hover{
background: #fff;
  color: #032c48;
  transition: 0.5s;
  border: solid 4px #032c48;
}

/**GREEN BACKGROUND**/
.green-background {
color:#2B2B2B;
background-color:#8AB17D;
}

.green-background h1, .green-background h2, .green-background h3, .green-background h4, .green-background h5 {color:#2B2B2B;}

.green-background hr {background-color: #2B2B2B; margin: 0;}

.green-background a {color: #2B2B2B; text-decoration: underline;}
.green-background a:hover {color: #031071; text-decoration: none;}

.green-background .cta {
padding: 12px 18px 12px 18px;
  background: #ffffff;
  color: #2B2B2B;
  transition: 0.5s;
  display: inline-block;
  border: solid 4px #ffffff;
  border-radius: 50px;
}
.green-background .cta:hover{
background: #fff;
  color: #032c48;
  transition: 0.5s;
  border: solid 4px #032c48;
}

/**TRANSPARENT BACKGROUND**/
.transparent-background {
color:#2B2B2B;
background-color: rgba(255, 255, 255, 0.8);
}

.transparent-background h1, .transparent-background h2, .transparent-background h3, .transparent-background h4, .transparent-background h5 {color:#2B2B2B;}

.transparent-background hr {background-color: #2B2B2B; margin: 0;}

.transparent-background a {color: #2B2B2B; text-decoration: underline;}
.transparent-background a:hover {color: #031071; text-decoration: none;}

.transparent-background .cta {
padding: 12px 18px 12px 18px;
  background: #E3694A;
  color: #2B2B2B;
  transition: 0.5s;
  display: inline-block;
  border: solid 4px #E3694A;
  border-radius: 50px;
}
.transparent-background .cta:hover{
background: #fff;
  color: #032c48;
  transition: 0.5s;
  border: solid 4px #032c48;
}

.background-image {
    background-image: url(../images/homess-original.webp);
    background-size: cover;
    height: auto;
    min-height: 89vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}

.logo {font-family: "rucksack", sans-serif;
font-weight: 505;
font-style: normal;
font-size: 4.5rem;
line-height: 4.7rem;
margin-top: 0px;
text-shadow: 1px 1px 2px #000, 1px 1px 2px #000;
text-transform: uppercase;
color: #1E49CC;
text-align: center;
margin-bottom: 5px;
}

.blue-border-bottom {border-bottom: 6px solid #1E49CC;}
.blue-border-top {border-top: 6px solid #1E49CC;}

.header {padding: 14px;}

/**FOOTER**/

.p7LBM-01{
            min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer{
    margin-top: auto;
}

.footer p {font-size:1.1rem;line-height: 1.3rem;}

/**COPYRIGHT**/


/**PROJECT SEVEN**/
.lbm-centered hr {margin:auto;}
.lbm-right hr {margin-right: 0 !important; margin: auto;}


/**RESPONSIVE**/

@media only screen and (max-width: 1400px) {
	body, p, li {
font-size:1.2rem;
line-height: 1.4rem;
}

h1 {font-size: 2.4rem; line-height: 2.6rem;}
h2{font-size: 2.0rem; line-height: 2.2rem;}
h3{font-size: 1.6rem; line-height: 1.8rem;}
h4{font-size: 1.4rem; line-height: 1.6rem;}
h5{font-size: 1.3rem; line-height: 1.5rem;}

.cta{
font-size:1.1rem;	
}
	
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.hide-on-tablet {display:none;}
	
}

@media only screen and (min-width: 0px) and (max-width: 1100px) {
	
}

@media only screen and (min-width: 0px) and (max-width: 1000px) {

}


@media only screen and (min-width: 0px) and (max-width: 950px) {
	.logo {font-size: 3.5rem;line-height: 3.7rem;}
}

@media only screen and (max-width: 800px) {

}

@media only screen and (max-width: 785px) {
	.logo {font-size: 3rem;line-height: 3.2rem;}
	
}


@media only screen and (max-width: 700px) {
	.hide-on-mobile {display:none;}
	.mobile-side-padding {padding: 10px 30px !important;}
body, p, li {
font-size:1.1rem;
line-height: 1.3rem;
}

h1 {font-size: 2.1rem; line-height: 2.3rem;}
h2{font-size: 1.7rem; line-height: 1.8rem;}
h3{font-size: 1.4rem; line-height: 1.7rem;}
h4{font-size: 1.3rem; line-height: 1.5rem;}
h5{font-size: 1.2rem; line-height: 1.4rem;}

.cta{font-size:1.1rem;	}
	
	.logo {max-width: 200px !important;}
	
}

@media only screen and (max-width: 600px) {
	p, li, body {font-size:1.0rem;line-height: 1.2rem;}
.cta{font-size:1.0rem;}
	
	.logo {
		font-size: 2.5rem;
		line-height: 2.7rem;
}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
}