/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body{margin:0;padding:0;font-size:13px}a,a:hover,a:link,a:visited{color:#08c;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:488px;min-width:200px;border:1px solid #dcdcdc;border-radius:5px;padding:5px;position:relative;background-color: #fff;}.row{clear:left}.col-single{margin-left:5px;margin-right:5px}.col-left{width: 150px;margin-left:5px;margin-right:5px;float:left}.col-right{width: auto;margin-left:5px;margin-right:5px;/* float:left */}.image{background-position:center center;background-size:cover;width:150px;height:150px;margin-top: 5px;margin-bottom: 5px;}.image a{display:block;width:100%;height:100%}.byline{font-size:14px;text-transform:uppercase;font-weight:700;margin:0 0 3px}.comments{float:left;font-size:12px;color:#999;text-transform:uppercase;padding:5px 0}.comments strong{font-size:16px}.comments a{color:#999;text-decoration:none}.comments a:hover{color:#08c}.btn-like{font-size:125%;-webkit-transition:font-size .2s;transition:font-size .2s}.btn-like.fa-heart{color:#08c;font-size:150%}a:hover .btn-like.fa-heart-o{color:#08c;font-size:125%}[data-button=like]:hover{color:#08c;text-decoration:none}.liked{border:5px solid red!important}.loginmodal{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.loginmodal .message{margin:30px auto 0;width:50%;padding:10px 20px 20px;border-radius:5px;background-color:#fff;color:#333;text-align:center}.loginmodal .closer{position:absolute;right:0;top:0;margin:5px}.loginmodal header{font-size:16px;margin-bottom:5px;font-weight:700;line-height:30px;border-bottom:1px solid rgba(0,0,0,.5)}a[data-button=close]{font-size:20px;color:#fff;-webkit-transition:font-size .2s;transition:font-size .2s}a:hover[data-button=close]{font-size:22px}ul{list-style:none;margin: 5px 0;padding:0;/* float:left */}ul li{list-style:none;line-height:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}ul li a,ul li a:visited{font-weight:400}h1{margin:0;font-size:18px;text-transform:uppercase;display:inline-block}.btn{display:inline-block;border:1px solid #ccc;margin:0;padding:5px 10px;font-size:13px;border-radius:1px}.btn:hover{color:#333;text-decoration:none;background-color:#ebebeb;border-color:#adadad;-webkit-transition:all .2s;transition:all .2s}.btn-lg{font-size:115%}.btn-primary{background-color:#08c;color:#fff}a.btn-primary{color:#fff}a.btn-primary:hover{color:#fff;background-color:#09d}.btn-container{display:inline-block;float:right;margin-top: 5px;}hr{margin: 0 5px;}.ir{background-color:transparent;border:0;overflow:hidden}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.btn,.byline,h1,h2,h3,h4,h5{font-family:'Roboto Condensed',sans-serif}

@media (max-width:320px){
    .col-left{
        width: auto;
        float:none;
        
        
    }
    .image{
        width:100%;        
    }
}