.cms-icon{border-radius: 50%; padding: 8px;border: 12px solid #f4f4f4; margin: auto; }
.icon-training:hover{border:12px solid #f4f4f4;}
.icon-guide:hover{border:12px solid #f4f4f4}
.icon-video:hover{ border:12px solid #f4f4f4}
.icon-kb:hover{ border:12px solid #f4f4f4}


.cms-square {border-bottom:1px solid #dedede; text-align:center;}

.htwo{font-size: 150% ! important;letter-spacing: 1px; text-align: center;}

.event-square {
    display: inline-block;
    width: 120px;
    margin-top: -5px;
    margin-bottm: 80px;
}

.event-datetop {
    background: #a5a5a5;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 110%
}

.event-datebottom {
    background: #f4f4f4;
    padding: 10px;
    text-align: center;
    font-size: 110%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    color: #6d6d6d;
    font-weight: bold
}

.button {
    display: inline-block;
    margin: auto;
    width:auto;
    margin-bottom: 1.0em;
    background: #444;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration: none;
    border-radius: 0.35em;
    border: 0;
    outline: 0;
    cursor: pointer;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.button-red{
    background: #C00000;
    color: #ffffff!important;
}

.button-red:hover {
    background-color: #d83434;
    text-decoration: none;
      font-weight: 700;
}

.button-black{
    background: #1a1a1a;
    color: #ffffff!important;
}

.button-black:hover {
    background-color: #4d4d4d;
    text-decoration: none;
      font-weight: 700;
}

.row {
    display: block;
    overflow:hidden;
    width: 100%;
}

.row-wrapper {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 840px;
    margin:auto;
    background:#ffffff;
}

.content-wrapper {
    padding-top: 0px;
}

.row-style2 {
    display: block;
    padding: 20px 0px 40px 0px;
    background: #ffffff;
}



@media (min-width:760px) {
.cms-square {height: 350px; border-bottom:0px; border-right:1px solid #f4f4f4; text-align:center;}   
.htwo{font-size: 130% ! important; height: 35px; letter-spacing: 1px; text-align: center;}
.cms-icon{border-radius: 50%; padding: 8px;border: 12px solid #ffffff; margin: auto; }
.squareboth {border-right: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.squarebottom {border-bottom: 1px solid #dedede;}
.squareright {border-right: 1px solid #dedede;}
}