body {color: #21272E; font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-style:normal;}
a, a:link {color: #08B9FF; text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-weight: 300;}
h1 {font-size: 50px!important; line-height: 58px!important;}
h2 {font-size: 1.6rem;}
h3 {font-size: .6rem;}
h4 {font-weight: 700;}
p, li {font-weight: 300; font-size: 16px; line-height: 22px; letter-spacing: .31px;}
.lead {font-weight: 300; font-size: 22px; line-height: 30px;}
.sublead {font-weight: 300; font-size: 20px; line-height: 26px;}
.display-5 {
    font-size: calc(1.225rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}
ol.suggestions li {
    padding-bottom: 16px;
}
main {
    max-width: 1440px;
    margin: 0 auto;
}

.mainHero {color: #ffffff; margin: 0 0 -100px 0;}
.mainHero h1 {max-width: 570px;}
.mainHero p {font-size: 18px; line-height: 24px;}
.panelMain .col-md-4 {
    background-color: #f2f2f2;
    padding: 30px;
}
.intro {background-color: #ffffff; margin-bottom: 54px;}
.center {
  display: flex;
  justify-content: left;
  align-items: center;
  height: 490px;}

.container.panelMain {
    margin-bottom: 94px;
}
.mainHero .p-5 {
    padding: 3rem 3rem 0 3rem!important;
}

footer .p-5 {
    padding: 6rem!important;
}

.bg-dark {
	background-color: #21272E!important;}



.grid.row {padding:0px!important;}

.grid.row img {
	padding:4px;
	float: left;
    max-height: 320px;}

.grid.row {
    padding: 0px!important;
	max-width: 1160px;}


.mobile-break { display: none!important; }
.desktop-break { display: block!important; }

.grow { 
transition: all .2s ease-in-out; 
}

.grow:hover { 
transform: scale(1.1); 
}

.followUs img {width: 22px!important; height: 22px!important; margin: 0 5px; }

@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;}
	h1 {font-size: 50px!important; line-height: 58px!important;}
	

}

@media (max-width: 991px){

.col-md-8 {
    flex: 0 0 auto;
    width: 100%;
}
.col-md-6 {
    flex: 0 0 auto;
    width: 100%;
}
.col-md-4 {
    flex: 0 0 auto;
    width: 100%;
}
}
@media (min-width: 992px){
.grid .col-lg-6 {
    flex: 0 0 auto;
	width: 100%;}
}

@media (max-width: 776px){
.col-md-8.p-5 {
    padding: 1rem!important;
}
.col-md-8 h4 {margin-top:24px;}
	
.col-md-8 .col-md-6 {
    flex: 0 0 auto;
    width: 100%;
}

.col-md-4.p-5 {
    padding: 1.4rem!important;
}
	.container.panelMain {
    margin-bottom: 44px;
}
	.intro {
    margin-bottom: 24px;
}
.ps-5 {
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
}

@media (max-width: 600px){
.lead {padding: 0 30px;}
h1 {margin-top:240px; margin-bottom: 20px; padding: 0 30px; font-size: 36px!important; line-height: 44px!important;}
.mobile-break { display: block!important; }
.desktop-break { display: none!important; }
.mainHero {margin: 0; padding-bottom: 44px;}
.container, .container-md, .container-sm {
	max-width: 100%!important;}
.grid.row {
	width: 300px!important;
    max-width: 300px!important;
    margin-right: auto!important;
    margin-left: auto!important;
}
	.grid.row img {
    padding: 4px;
    float: left;
    max-height: 160px;
    height: 160px;
}
	.spreadWord .p-5 {padding: 3rem 1.2rem!important;}
}

@media (min-width: 601px) and (max-width: 1200px) {
.grid.row {
	width: 600px!important;
    max-width: 600px!important;
    margin-right: auto!important;
    margin-left: auto!important;
}
}

@media (max-width: 1200px) {
.mobile.grid.row {display: block;}
.desktop.grid.row {display: none;}
}

@media (min-width: 1201px) {
.grid.row {
    width: 1160px!important;
    max-width: 1160px!important;
    margin-right: auto!important;
    margin-left: auto!important;
	}
.mobile.grid.row {display: none;}
.desktop.grid.row {display: block;}
}