Not showing correct coded font styles

Hello, I’m using the widget – all installed perfect and was originally working fine, I coded the text to be how i wanted and then suddenly it’s changed, it seems to be using correct fonts but not sizes/weights and going to the global settings for my site won’t help either – any ideas??? needs resolving ASAP if anyone can help I would be extremely grateful!

The code i’m using is:
.rpwe-block ul{
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}

.rpwe-block li{
border-bottom: 1px solid #eee;
margin-bottom: 0px;
padding-bottom: 20px;
list-style-type: none;
}

.rpwe-block a{
display: inline !important;
text-decoration: none;
}

.rpwe-block h3{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 20px !important;
font-weight: 500;
font-size: 18px !important;
line-height: 1.5em;
}

.rpwe-thumb{
border: 0px solid #eee !important;
box-shadow: none !important;
margin: 20px 20px 20px 0;
padding: 0px !important;
}

.rpwe-summary{
font-size: 16px;
padding-bottom: 10px;
}

.rpwe-time{
color: #919191;
font-size: 13px;
}

.rpwe-comment{
color: #bbb;
font-size: 11px;
padding-left: 5px;
}

.rpwe-alignleft{
display: inline;
float: left;
}

.rpwe-alignright{
display: inline;
float: right;
}

.rpwe-aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after{
content: “”;
display: table !important;
}

.rpwe-clearfix:after{
clear: both;
}

.rpwe-clearfix{
zoom: 1;
}

As I said – all worked perfect until suddenly for no known reason it defaulted to tiny text!