/* CSS for Alabama Business Internet */

#main-content.alfiber .header {
  background: transparent url(/resources/images/business/solutions/al-fiber/csb-al-fiber-fast-desktop.png) no-repeat;
  color: #FFF;
  background-size: cover;
  padding: 50px;
  min-height: 450px;
  background-position: center bottom;
}

#main-content.alfiber .header .container {
  height: 350px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#main-content.alfiber .header .title {
  text-align: center;
  text-transform: none;
}

#main-content.alfiber .header .sub-title {
    text-align: center;
}
.alfiber.small-business-internet .orange-button {
	background-color: #F04F23;
	border: #F04F23 1px solid;
}
.alfiber.small-business-internet .orange-button:HOVER {
	background-color: #FFFFFF;
	border: #F04F23 1px solid;
	color: #F04F23;
}
.small-business-internet.alfiber .header .header-button-row {
    text-align: center;
}
.alfiber.small-business-internet .features .description.text-centered {
	text-align: center;
}
.alfiber .cs-background-mid-gray {
	background-color: #DCDBDC;
}
.alfiber .cs-background-wht {
	background-color: #FFFFFF;
}
.alfiber .fixed-width {
	padding: 60px 70px;
	margin: 0 auto;
}
#main-content.alfiber .header .title.allCaps {
	text-transform: uppercase;
}
#main-content .sub-title.closeup {
	padding: 1% 0 3%;
}
.alfiber .panel-wrap {
	flex: 1;
	border-radius: 8px;
	box-shadow: 0px 0px 13px #00000033;
}
.alfiber .panel-wrap img {
	border-radius: 8px 8px 0 0;
}
.alfiber.small-business-internet .feature-mods .feature-icon {
	width: 100%;
	height: unset;
}
.alfiber.small-business-internet .feature-mods .feature-description {
	padding: 10px 20px;
	text-align: left;
}
.alfiber .preview_video .container {
	padding: 70px;
}
.alfiber .video-copy .description.line-height {
	line-height: 31px;
}
.alfiber.small-business-internet .skew-image img:first-of-type {
	margin: 0 auto;
}
.alfiber.small-business-internet .features .feature-img {
	align-self: center;
}
.alfiber.small-business-internet .why-cspire .feature .image {
	margin: 0 auto;
}
.alfiber .feature-mods .header-button-row {
	text-align: center;
	margin: 20px 0 0;
}
@media ( max-width : 800px) {
	.alfiber .fixed-width {
		padding: 60px 10px;
	}
	.alfiber .fixed-width .container, .alfiber.small-business-internet .why-cspire .container {
		padding: 1% 0;
	}
	.alfiber.small-business-internet .feature-mods .feature {
		width: 100%;
	}
	.alfiber .preview_video .preview_wrapper {
		display: block;
		max-height: none;
	}
	.alfiber.small-business-internet .features .feature {
		width: 90%;
		margin: 0 auto 10% auto;
	}
}
@media (max-width: 768px) {
	.alfiber.small-business-internet .skew-image {
		max-height: none;
	}
}
@media (max-width: 500px) {
  #main-content.alfiber .header {
    background: #4d4d4f url(/resources/images/business/solutions/al-fiber/csb-al-fiber-fast-mobile.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px;
  }

  #main-content.alfiber .header .title {
    text-align: center;
  }

  #main-content.alfiber .header .sub-title {
      text-align: center;
  }
	.alfiber.small-business-internet .feature-mods .feature {
		margin: 20px 0;
	}
	.alfiber.small-business-internet .feature-mods .feature-list {
		display: block;
	}
	.alfiber .fixed-width, .alfiber .preview_video .container {
		padding: 20px 0;
	}
	.alfiber.small-business-internet .feature-mods .container {
		padding: 10% 5%;
	}
	.alfiber.small-business-internet .why-cspire .container {
		padding: 1% 5%;
	}
}