@charset "utf-8";
/*@table-bg-hover:                #f5f5f5;*/
/*@font-family-alternate: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;*/
/* ---------------------------------------------------------------

	Standard Bootstrap Media Queries 
	http://css-tricks.com/snippets/css/media-queries-for-standard-devices/    
	http://www.stephentgilbert.com/mediaqueries/
	http://code-tricks.com/css-media-queries-for-common-devices/
	http://scotch.io/quick-tips/css3-quick-tips/default-sizes-for-twitter-bootstraps-media-queries
	For "Mobile First" design approach - remove max-width and allow to cascade

	--------------------------------------------------------------- */
/* Up to @screen-xs */
@media screen and (max-width: 479px) {
  #SocialConnectSection .instagram-feed a {
    width: calc(100% - 10px);
  }
}
/* @screen-xs: Extra Small Devices, Phones */
@media screen and (min-width: 480px) and (max-width: 767px) {
  #SocialConnectSection .instagram-feed a {
    width: 44%;
    height: 220px;
  }
  #SocialConnectSection .instagram-feed a > span.instagram-caption span {
    display: none;
  }
}
/* @screen-sm: Small Devices, Tablets */
@media screen and (min-width: 768px) and (max-width: 991px) {
  #SocialConnectSection .instagram-feed a {
    width: 44%;
    height: 280px;
  }
  #SocialConnectSection .instagram-feed a > span.instagram-caption {
    display: none;
  }
}
/* @screen-md: Medium Devices, Desktops */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #SocialConnectSection .instagram-feed a {
    width: 22.75%;
    height: 240px;
  }
}
/* @screen-lg: Large Devices, Wide Screens */
@media screen and (min-width: 1200px) {
  #SocialConnectSection .instagram-feed a {
    width: 22.75%;
    height: 240px;
  }
}
/* @screen-xl: Extra Wide Screens */
@media screen and (min-width: 1600px) {
  #SocialConnectSection .instagram-feed {
    margin-left: 20px;
    margin-right: 20px;
  }
  #SocialConnectSection .instagram-feed a {
    width: 16%;
    height: 240px;
  }
}