#wpfrontpageblocks{
    margin-bottom: 20px;
}

.wpfrontpageblock .hover-container{
    display: block;
    position: relative;
}
#viewlist_block_center {

background: #fafafa;
padding:40px 0px 20px;
right:45%;
top:-6vw;
display:inline-block;
width:190%;
position: relative;
margin:auto

}
#viewlist_block_center:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(75deg, rgba(218, 59, 68, 0.0), rgba(128, 128, 128, 0.05));
 
}
#counter-info .fa { font-size:3vw; margin:10px 0px 5px 0px;color:#dadada}
#counter-info .fa:hover { background:none;}
#viewlist_block_center .counter-wrapper{ font-weight:700; margin:15px 0px 5px 0px; font-size: 45px; text-shadow: 0 1px 1px rgba(0,0,0,0.25)}
#viewlist_block_center .text-block{ font-size: 16px; color:#9A98A4}
.block-wrapper{ margin: 0 auto; width: 100%; }
.block{ color:#019F9A; float: left; border: 3px solid #019F9A; padding-top: 40px; width: 180px; height: 160px; margin: 10px}
.block p { margin: 0; }
.block p i{ font-size: 40px; color: #019F9A; }
.wpfrontpageblock .hover{
    display: none;
    position: absolute;
    background: rgba(24,15,31,0.7);
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 25px 20px;
    color: #ffffff!important;
}

.no-touch .wpfrontpageblock:hover .hover{
    display: block;
}

.wpfrontpageblock .title{
    padding: 15px 0;
    font-size: 24px;
    text-transform: uppercase;
}

.wpfrontpageblock .description {
    padding: 30px 0 0 0;
    font-size: 16px;
}

.wpfrontpageblock img {
    width: 100%;
}

.wpfrontpageblock .noimage {
    text-align: center;
    overflow: hidden;
}

.wpfrontpageblock .noimage .title{
    border: none;
}

.wpfrontpageblock .noimage .description{
    padding: 10px 5px 20px 5px;
}

/*----------------------------------------------------------*/
/*
/* Media Queries
/*
/*----------------------------------------------------------*/

/*---------------------------------------*/
/* width >= 1680px
/*---------------------------------------*/
@media only screen and (min-width: 1680px)
{

}

/*---------------------------------------*/
/*  1280px <= width < 1680px
/*---------------------------------------*/
@media only screen and (max-width: 1679px)
{

}

/*---------------------------------------*/
/* 1136px <= width < 1280px
/*---------------------------------------*/
@media only screen and (max-width: 1279px)
{

}

/*---------------------------------------*/
/* 1024px <= width < 1136px
/*---------------------------------------*/
@media only screen and (max-width: 1135px)
{

}

/*---------------------------------------*/
/* 960px <= width < 1024px
/*---------------------------------------*/
@media only screen and (max-width: 1023px)
{

}

/*---------------------------------------*/
/* 768px <= width < 960px
/*---------------------------------------*/
@media only screen and (max-width: 959px)
{

}

/*---------------------------------------*/
/* 640px <= width < 768px
/*---------------------------------------*/
@media only screen and (max-width: 767px)
{

}

/*---------------------------------------*/
/* 480px <= width < 640px
/*---------------------------------------*/
@media only screen and (max-width: 639px)
{

}

/*---------------------------------------*/
/* 420px <= width < 480px
/*---------------------------------------*/
@media only screen and (max-width: 479px)
{
    .wpfrontpageblock .hover {
        padding: 15px 10px;
    }

    .wpfrontpageblock .title {
        padding: 10px 0;
    }

    .wpfrontpageblock .description {
        padding: 15px 5px 0 5px;
    }
}

/*---------------------------------------*/
/* 320px <= width < 420px
/*---------------------------------------*/
@media only screen and (max-width: 419px)
{

}

/*---------------------------------------*/
/* 0px <= width < 320px
/*---------------------------------------*/
@media only screen and (max-width: 319px)
{

}