/***Hero***/

.heroText{
display:block;
font-size:4rem;
color:#FFF;
font-weight:900;
text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.35);
margin-bottom:15px;
}

.heroSubText{
color:#fff !important;
font-size:1.25rem;
line-height:1.4;
width:45%;
dispaly:block;
margin:0 auto;
text-align:center;
}

.heroButton{
transition:  0.35s ease;
display:block;
margin:0 auto;
margin-top:35px;
width:225px;
padding:15px;
color:#1f75a1;
background-color:#FFF;
border-radius:4px;
font-size:1.00rem;
font-weight:700;
}

.heroButton:hover{
background-color:#1f75a1;
color:#FFF;
}

.et_pb_button{
transition:  0.35s ease;
display:block;
margin:0 auto;
margin-top:35px;
width:200px;
padding:10px;
color:#1f75a1;
background-color:#FFF;
border-radius:4px;
font-size:1.00rem;
font-weight:700;
border-width:0px;
}

.et_pb_button:hover{
background-color:#1f75a1 !important;
color:#FFF !important;
display:block !important;
margin:0 auto !important;
margin-top:35px !important;
width:200px !important;
padding:10px !important;
border-radius:4px !important;
font-size:1.00rem !important;
font-weight:700 !important;
border-width:0px !important;
}

.simpleLearnMore{
text-decoration:underline;
color:#1fa0a1;
font-weight:900;
font-size.1.25rem;
}

/***Case Studies***/

a.entry-thumb:hover:before {
   content: none;
   display: none;
}

.csTriangle{
position:absolute;
z-index:top;
left: 0;
right: 0;
margin: auto
}

// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */