/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 100px;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
	position: relative;
	text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 25px;
}

#cfLogo {
   	padding-bottom: 25px;
	max-width: 200px;
}
#cfFeatures, #cfSignUp, #cfContact {
	padding-top: 75px;
	padding-bottom: 75px;
}

/* Registration form table style */
.formCentered {
	position: relative;
	width: 50%;
	margin: 0 auto;
}
.formCentered tr, .formCentered td {
	border: none;
	padding: 0px;
}
.formCentered td input.field {
	width: 100%;
	color: #000000;
}
.formCentered td textarea.field {
	width: 100%;
	height: 250px;
	resize: none;
	color: #000000;
}
#cfContactFormTable {
	width: 80%;
}
#cfContactFormTable td input.field, #cfContactFormTable td textarea.field {
	background: #dbf5f7;
}

/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values {
  background-image: url('../img/values-bg.jpg');
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
}
.value-multiplier {
  margin-bottom: .5rem;
  color: #11DFC7;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  opacity: .8;
  font-weight: 300;
}


/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.categories {
  background-image: url('../img/values-bg.jpg');
  background-size: cover;
  color: #fff;
}

.submitWorker {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-image: url('../img/worker.png');
	background-repeat: repeat;
	text-align: center;
	display: none;
}
.loadingWidget {
	position: relative;
	width: 32px;
	height: 32px;
	margin: 200px auto;
}
.loadingText {
	position: relative;
	top: -200px;
	color: #000000;
}

/* Mobile first queries */
#cfPromo {
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url('../img/splashscreen_mobile.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 292px;
	width: 250px;
	margin: 0 auto;
}
#cfIntroText {
	position: relative;
	top: -50px;
	width: 100%;
	padding-top: 50px;
}
.container {
	padding: 0px;
}

/* Bigger than 320 */
@media (min-width: 550px) {
.value-multiplier {
  font-size: 1.6em;
}
.value-heading {
  font-size: 1.2em;
}
}

/* Bigger than 550 */
@media (min-width: 550px) {
  #cfPromo {
	background-image: url('../img/splashscreen.png');
		height: 397px;
	width: 760px;
	
}
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .categories {
    padding: 15rem 0 8rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  #cfPromo {
	position: absolute;
	left: 300px;
	top: 50px;	
  }
  #cfIntro {
	padding-top: 100px;
	padding-bottom: 50px;
	background-image: url('../img/section_bg.png');
	background-size: 100% 100%;
  }
 #cfIntroText {
	top: -75px;
	width: 33%;
}
.value-multiplier {
  font-size: 2.5em;
}
.value-heading {
  font-size: 2em;
}
}