/***************************************************
NOTE : Use "fc" to preceed any class declaration. 
****************************************************/

.fc-display {
  display: block !important;
}

.fc-hide {
  display: none !important;
}

.fc-centralize {
	text-align: center;
}


/* Extra large: Desktops Screen */
@media only screen and (min-width: 1200px) {
	
	/* Hide on Extra Large Devices Only*/
	.fc-hide-xl {
		display: none !important;
	}
	
	/* Display on Extra Large Devices Only*/
	.fc-display-xl {
		display: block !important;
	}
	
	/* Center text on Extra Large Devices */
	.fc-centerTxt-xl {
		text-align: center;
	}
	
	/* Centralize company logo image on Extra Large screen */
	.fc-logo-center-xl img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	}
	
	/* Reduce Logo on Extra Medium Screen */
	.fc-logo-shrink-xl img {
		width: 60%;
	}
	
	/* Centralize the top social media Button on Extra Large screen */
	.fc-topSocialButton-xl {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 95%;
	}
}

/* Large: Desktops Screen */
@media only screen and (max-width: 1200px) and (min-width: 992px) {
	
	/* Hide on Large Devices Only*/
	.fc-hide-lg {
		display: none !important;
	}
	
	/* Display on Large Devices Only*/
	.fc-display-lg {
		display: block !important;
	}
	
	/* Center text on Large Devices */
	.fc-centerTxt-lg {
		text-align: center;
	}
	
	/* Define the slider image for slide header on Large Screen */
	.fc-slide-lg img {
		max-width: 1400px !important;
	}
	
	/* Centralize company logo image on Large screen */
	.fc-logo-center-lg img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 55%;
	}
	
	/* Reduce Logo on Large Screen */
	.fc-logo-shrink-lg img {
		width: 55%;
	}
	
	/* Centralize the top social media Button on Large screen */
	.fc-topSocialButton-lg {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}
}

/* Medium: Tables Screen */
@media only screen and (max-width: 992px) and (min-width: 768px) {
	
	/* Hide on Medim Devices Only*/
	.fc-hide-md {
		display: none !important;
	}
	
	/* Display on Medim Devices Only*/
	.fc-display-md {
		display: block !important;
	}
	
	/* Center text on Medim Devices */
	.fc-centerTxt-md {
		text-align: center;
	}
	
	/* Define the slider image for slide header on Medium Screen */
	.fc-slide-md img {
		max-width: 980px !important;
	}
	
	/* Reduce h1 on Medium screens */
	.fc-slide-md h1 {
		font-size: 2.2rem;
	}
	
	/* Define h5 font-size on Medium screen*/
	.fc-slide-md h5 {
		font-size: 1.4rem;
	}
	
	/* Reduce p on Medium screens */
	.fc-slide-md p {
		font-size: 1rem;
	}
	
	/* Centralize company logo image on Medium screen */
	.fc-logo-center-md img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
	
	/* Reduce Logo on Medium Screen */
	.fc-logo-shrink-md img {
		width: 50%;
	}
	
	/* Centralize the top social media Button on Medium screen */
	.fc-topSocialButton-md {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 85%;
	}
}

/* Small: Landscape phone Screen */
@media only screen and (max-width: 768px) and (min-width: 544px) {
	
	/* Hide on Small Devices Only*/
	.fc-hide-sm {
		display: none !important;
	}
	
	/* Display on Small Devices Only*/
	.fc-display-sm {
		display: block !important;
	}
	
	/* Define paragraph font-size on small screen*/
	.fc-p-sm {
		font-size: 0.7rem;
	}
	
	/* Center text on Small Devices */
	.fc-centerTxt-sm {
		text-align: center;
	}
	
	/* Centralize on Small Screens */
	.fc-auto-sm {
		display: block !important;
		width: 850% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Centralize Menu Links on Small Screens */
	.fc-centerMenu-sm {
		display: block !important;
		width: 100% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Define the slider image for slide header on Small Screen */
	.fc-slide-sm img {
		max-width: 770px !important;
	}
	
	/* Reduce h1 on small screens */
	.fc-slide-sm h1 {
		font-size: 1.7rem;
	}
	
	/* Define h5 font-size on small screen*/
	.fc-slide-sm h5 {
		font-size: 1rem;
	}
	
	/* Reduce p on small screens */
	.fc-slide-sm p {
		font-size: 0.8rem;
	}
	
	/* Centralize company logo image on Small screen */
	.fc-logo-center-sm img {
		display: block;
		width: 45%;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Reduce Logo on Small Screen */
	.fc-logo-shrink-sm img {
		width: 45%;
	}
	
	/* Centralize the top social media Button on Small screen */
	.fc-topSocialButton-sm {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		text-align: right;
	}
}

/* Extra small: Portrait phone  Screen */
@media only screen and (max-width: 544px) {
	
	/* Hide on Extra Small Devices Only*/
	.fc-hide-xs {
		display: none !important;
	}
	
	/* Display on Extra Small Devices Only*/
	.fc-display-xs {
		display: block !important;
	}
	
	/* Define paragraph font-size on Extra Small screen*/
	.fc-p-xs {
		font-size: 0.7rem;
	}
	
	/* Center text on Extra Small Devices */
	.fc-centerTxt-xs {
		text-align: center;
	}
	
	/* Centralize on Extra Small Screens */
	.fc-auto-xs {
		display: block !important;
		width: 80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Centralize Menu Links on Extra Small Screens */
	.fc-centerMenu-xs {
		display: block !important;
		width: 100% !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Define the slider image for slide header on Extra Small Screen */
	.fc-slide-xs img {
		max-width: 560px !important;
	}
	
	/* Specify h1 on Extra small screens */
	.fc-slide-xs h1 {
		font-size: 1.3rem;
	}
	
	/* Define h5 font-size on Extra small screen*/
	.fc-slide-xs h5 {
		font-size: 1rem;
	}
	
	/* Specify p on Extra small screens */
	.fc-slide-xs p {
		font-size: 0.8rem;
	}
	
	/* Centralize company logo image on Extra small screen */
	.fc-logo-center-xs img {
		display: block;
		width: 40%;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Reduce Logo on Extra Small Screen */
	.fc-logo-shrink-xs img {
		width: 40%;
	}
	
	/* Centralize the top social media Button on Extra small screen */
	.fc-topSocialButton-xs {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: right;
	}
}