@font-face {
    font-family: 'journalregular';
    src: url('fonts/journal-webfont.eot');
    src: url('fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/journal-webfont.woff') format('woff'),
         url('fonts/journal-webfont.ttf') format('truetype'),
         url('fonts/journal-webfont.svg#journalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#addtoginop{width:100%;text-align:center;clear:both;height:auto;max-width:320px;}
#addtoginop img{width:100%;border-radius:5px;max-width:320px;postion:relative;z-index:1;}
#addtoginop .customtext{position:relative;max-width:190px;width:58%;float:right;margin-top:-110px;margin-right:15px;text-align:left;z-index:2;font-family: 'journalregular';color:#5b8620;text-decoration:none;font-size:42px;font-weight:bold;}

#float_feed_box{position:fixed;bottom:10px;right:10px;z-index:20;opacity:0.6;filter:alpha(opacity=60);}
#float_feed_box:hover{opacity:1;filter:alpha(opacity=100);}
#float_feed_box.left{left:10px!important;}
#float_feed_box img{width:100%;}




* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Mobile Styles */
@media only screen and (max-width: 400px) {
  #float_feed_box.floatfeed_big{width:150px;}
#float_feed_box.floatfeed_medium{width:100px;}
#float_feed_box.floatfeed_small{width:70px;}
}

/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {
  #float_feed_box.floatfeed_big{width:200px;}
#float_feed_box.floatfeed_medium{width:150px;}
#float_feed_box.floatfeed_small{width:100px;}
}

/* Desktop Styles */
@media only screen and (min-width: 961px) {
#float_feed_box.floatfeed_big{width:400px;}
#float_feed_box.floatfeed_medium{width:300px;}
#float_feed_box.floatfeed_small{width:200px;}
 
}