
section.tweets {
    position: relative;
    float: left;
    width: 100%;
    background-color: #e6ecf0;
    padding: 0;
    margin: 25px 0 15px; }

    section.tweets .head {
    	position: relative;
		float: left;
		width: 100%; }
    	section.tweets .head .title,
    	section.tweets .head .hashes {
    		float: left;
    		width: 100%;
    		padding: 0 10px; }
    		section.tweets .head .title span { 
    			position: relative; top: -10px;
    			color: white;
	    		background-color: var(--frame-social-tw);
			    font-size: 18px;
			    font-family: "Proxima Nova";
			    font-weight: bold;
			    text-transform: uppercase;
			    padding: 5px 30px;
			    margin: 10px 0 0; }

            section.tweets .head .hashes span {
                float: left;
                background-color: rgba(0,0,0,0.1);
                font-size: 12px;
                border-radius: 5px;
                padding: 2px 7px;
                margin-right: 5px;
                cursor: pointer; }
                section.tweets .head .hashes span.active { background-color: var(--frame-social-tw); color: white; }

    section.tweets .grid {
    	position: relative;
		float: left;
		width: 100%; min-height: 300px;
		padding: 0 10px 10px;
        margin: 10px 0 0;
		overflow-y: auto; }

    	section.tweets .grid .tweet {
    		float: left;
    		width: 100%;
    		background-color: white;
    		padding: 5px;
    		margin: 0 0 1px; }

    		section.tweets .grid .tweet .image-box { float: left; width: 50px; padding: 5px; }
    		section.tweets .grid .tweet .content-box { float: left; width: calc(100% - 50px); padding: 5px; }

    		section.tweets .grid .tweet .image-box .profile { 
    			float: left;
    			width: 40px; height: 40px;
    			background-color: #eee;
    			background-position: center;
    			background-size: cover;
    			border-radius: 100%; }

    		section.tweets .grid .tweet .meta { font-size: 12px; }
    		section.tweets .grid .tweet .meta .name { font-weight: bold; }
    		section.tweets .grid .tweet .meta .screen { color: grey; }
    		section.tweets .grid .tweet .meta .date { color: grey; }

    		section.tweets .grid .tweet .content-box .cont {
			    font-size: 12px;
			    line-height: 1.3; }

