body {font-family: "Quicksand", sans-serif;}
.mainheader {position: absolute;left: 0; right: 0;}
.mainbanner {background-image: url(../images/banner.jpg);background-repeat: no-repeat; background-size: cover;
 min-height: 100vh; padding-top: 150px; padding-bottom: 80px; }
img {max-width: 100%;}
.title h1 { font-weight:800; font-size: 40px; color: #3b368c;}
.title {text-align: center;}
.title p {
    font-size: 26px;
}
.logo img {width: 230px;}
/*.card1 {*/
/*    background: linear-gradient(0deg, rgb(226, 144, 110) 0%, rgb(232, 58, 153) 100%);*/
/*    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(232, 58, 153, 0.5);*/
/*}*/
/*.card2 {*/
/*    background: linear-gradient(0deg, rgb(157, 243, 167) 0%, rgb(87, 212, 100) 100%);*/
/*    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(87, 212, 100, 0.5);*/
/*}*/
/*.card3 {*/
/*    background: linear-gradient(0deg, rgb(149, 180, 255) 0%, rgb(115, 151, 255) 100%);*/
/*    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(115, 151, 255, 0.5);*/
/*}*/
/*.card5 {*/
/*    background: linear-gradient(0deg, rgb(246, 211, 101) 0%, rgb(253, 160, 133) 100%);*/
/*    box-shadow: 2.419px 9.703px 18.24px 0.76px rgba(253, 160, 133, 0.5);*/
/*}*/
/*.card4 {*/
/*    background: linear-gradient(0deg, rgb(99, 238, 247) 0%, rgb(58, 209, 229) 100%);*/
/*    box-shadow: 2.419px 9.703px 12.48px 0.52px rgba(58, 209, 229, 0.5);*/
/*}*/
.cardblock {text-align: center; color: #000; background:#fff; padding: 30px; box-shadow:0px 0px 29px rgba(6, 24, 67, 0.05); border-radius: 15px;min-height:174px; margin-bottom: 30px;}
.cardblock h3 {font-weight: 800;}
.cardblock p {margin-bottom: 0px;}

@media(max-width:767px) {
  .title {padding: 30px;}
  .title h1 { font-size: 28px; }
  .title p { font-size: 16px; }
}