#header-sticky-wrapper{
height:60px !important;
}

#btn:hover {
color: black !important;
background: white !important;
border: 0px !important;
}

.btn-primary, .btn-primary:focus{
   color: #fff;
   background: #086ab8;
   border: 0px;
}


.rte ul li{
background: transparent url(../files/modern-theme-images/$file/list_blue.png) no-repeat left 10px; 
}

.card .btn{
bottom: 20px !important;
position: absolute;
right: 15px;
left: 15px;
z-index: 999;
max-width: 226px;
margin: auto;
background: #086ab8;
border-color: #086ab8;
color: #fff !important;
text-decoration: 
none;
}

.btn-support {
top: 425px;
}


.jumbotron-image {
 position:relative;
 background-image: url("../res/GFI_ME_SecurityStatusSafe_small.jpg/$file/GFI_ME_SecurityStatusSafe_small.jpg ");
  background-size: cover;
min-height:900px;
}

.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(47, 51, 60, 0.8 ); /* Grey with 50% transparency */ z-index: 0; } 


.h2{
font-size:58px !important;
margin-bottom:1rem;
}

.h3{
font-size: 24px !important;
margin-bottom:1rem;
}

.h4{
font-size: 24px !important;
color:#094b80 !important;
margin-bottom:1rem;
}

.cs-content p{
font-size:18px !important;
}

.cc-icon{
height: 54px;
margin-left: 1rem;
margin-bottom:2rem;
margin-top:2rem;
}




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

.cc-image{
  display:none;
}
}

@media screen and (min-width: 540px) {
  .cards-grid-cc {
    display: grid;
    grid-template-columns: repeat(2, 50%) /*1fr 1fr*/ /*50% 50%*/;
    grid-template-rows: auto;
    grid-gap: 0.5rem;
  }
  .card.full-width {
    grid-column: span 2;
  }
  .card.wide {
    grid-column: span 2;
  }

}

@media screen and (min-width: 960px) {
  .cards-grid-cc {
    display: grid;
    grid-template-columns: repeat(3, 33.333%) /*1fr 1fr 1fr*/ /*33.333% 33.333% 33.333%*/;
    grid-template-rows: auto;
    grid-gap: 0.5rem;
  }
  .card.full-width {
    grid-column: span 3;
  }
  .card.wide {
    grid-column: span 2;
  }
}

@media screen and (min-width: 1140px) {
  .cards-grid-cc {
    display: grid;
    grid-template-columns: repeat(3, 33.333%) /*1fr 1fr 1fr 1fr*/ /*25% 25% 25% 25%*/;
    grid-template-rows: auto;
    grid-gap: 0.5rem;
  }
  .card.full-width {
    grid-column: span 4;
  }
  .card.wide {
    grid-column: span 2;
  }
}

.card{
min-height:450px;
}

#header-sticky-wrapper{
z-index: 9999;
position: relative;
}