@media only screen {
	.ugc {
		margin: 20px 5px;
	}
		.ugc .ugcGridWrapper {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			text-align: center;
		}
			.ugc .ugcGridWrapper .image {
				padding: 5px;
			}
			.ugc .ugcGridWrapper.mobile1 .image {
				width: 100%;
			}
			.ugc .ugcGridWrapper.mobile2 .image {
				width: 50%;
			}
			.ugc .ugcGridWrapper.mobile3 .image {
				width: 33.3%;
			}
		.ugc .loadMore {
			text-align: center;
			padding-top: 25px;
		}
			.ugc .loadMore button {
				margin: 0 auto;
				color: white;
				font-weight: 400;
				font-family: Oswald, sans-serif;
				font-size: 18px;
				text-align: center;
				text-transform: uppercase;
				letter-spacing: 0.5px;
				background: #242733;
			}
		.ugc .header {
			text-align: center;
		    padding: 0;
		    margin: 0 0 20px 10px;
		    margin-bottom: 20px;
		    font-family: Oswald, sans-serif;
		    text-transform: uppercase;
		    font-weight: 400;
		    font-size: 26px;
		    letter-spacing: 1px;
		    line-height: 28px;
		    color: #0066a4;					    
		}
			.ugc .header a {
				font-size: 22px;
				color: #0066a4;
				text-decoration: none;
			}
		.ugc .header .hashtag {
			color: #242733;
			font-weight: 700;
			font-size: 22px;
		}
}
@media only screen and (min-width: 641px) {
	.ugc .ugcGridWrapper .image {
		width: 50% !important;
	}
	.ugc .header a {
		font-size: 28px;
	}
	.ugc .header .hashtag {
		font-size: 30px;	
	}	
}
@media only screen and (min-width: 800px) {
	.ugc .header a {
		font-size: 30px;
	}
	.ugc .header .hashtag {
		font-size: 34px;	
	}
	.ugc .ugcGridWrapper .image {
		width: 25% !important;
	}
}

img:hover {
	opacity: .5;
}

/* Hashtag social widget */
@media only screen {
	.hashtag-social {
		display: inline-block;
		position: relative;
		width: 100%;
		margin: 50px 0 0;
	}
	.hashtag-social .hashtag-title {
		color: black;
		font-family: Oswald, sans-serif;
		font-weight: 700;
		font-size: 10vw;
		line-height: 11vw;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 1px;
	}
	.hashtag-social .social-wrapper {
		display: flex;
		margin-top: 20px;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.hashtag-social .social-tagline {
		font-family: Oswald, sans-serif;
		font-weight: 500;
		font-size: 22px;
		line-height: 20px;
		text-transform: uppercase;
	}
	.hashtag-social .social-icons {
		padding-top: 5px;
	}
	.hashtag-social .social-icons a {
		margin-left: 15px;
		color: rgb(0, 110, 135);
		font-family: Oswald, sans-serif;
		font-weight: 400;
		font-size: 13px;
		line-height: 34px;
		text-transform: uppercase;
	}
	.hashtag-social .social-icons a:hover {
		color: black;
	}
	.hashtag-social .social-icons a .fa {
		font-size: 32px;
	}
}
@media only screen and (min-width: 40.063em) {
	.hashtag-social .hashtag-title {
		font-size: 50px;
		line-height: 50px;
	}
}
@media only screen and (min-width: 64.063em) {
	.hashtag-social .hashtag-title {
		font-size: 64px;
		line-height: 64px;
		text-align: center;
	}
}