@charset "UTF-8";
/* CSS Document */


h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', sans-serif;
}

p {font-family: 'Open Sans', sans-serif;
	}

body {
	background-color:#666a72;
}

 

/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 0px;
  background-color:#FE756C;
   cursor: pointer;
}

.teal {
	color:#00E5B9;
}

.gray {
	color:#777;
}

 

.darkGray {
	color:#333;
}

.nav .navItem a:link, .nav .navItem a:visited {
	 
	float:right;
	padding-left:20px;
	padding-top:5px;
	color:#fff;
	text-decoration:none;
}

.piece {
	padding-bottom:35px;	
}


/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 8rem 0 7rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
  font-family: 'Montserrat', sans-serif;
}

.contact {
	color:#60606B;
}

.gray-bg {
	background: url('../images/50-gray-bg.png');
	padding:2%;
}

.pink-bg {
	background-color:#FE756C;
	margin-bottom:40px;
	border-style: solid;
    border-width: 1px;
	border-color:#FE756C;
	}

.pink-bg p {
	background-color:#FE756C;
	padding:2%;
}

.pink-bg a:link, .pink-bg a:visited {
	color:#000;
}

.pink-bg a:hover {
	color:#a70000;
}


/* Nav
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav {background-color:#FE756C;
height:35px;

}



/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.hero {
	background-image: url('../images/basel-bg.jpg');
	 background-size: cover;
}

.phones {
  position: relative;
}
.phone {
  position: relative;
  max-width: 80%;
  margin: 3rem auto -12rem;
}
.phone + .phone {
  display: none;
}

.hero-heading {
    color:#414141;
  }

.hero-subhead {
    color:#FF575A;
	 font-size: 1.1rem;
  }
  
.monitor {
	margin-top: 0px;
    max-width: 280px;
	margin-left:0px;}
.ipad {
	z-index:3;
		visibility:hidden;
}
  


/* Values Blatt
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values {
  background-image: url('../images/bau-bg.jpg');
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
 
}

.blatt {
  background-image: url('../images/blatt-bg.jpg');
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
 
}

.value-multiplier {
  margin-bottom: .5rem;
  color: #414141;
  font-size:3.3rem;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  opacity: .8;
  font-weight: 400;
  color:#000;
}

.feat-box {
	min-height:220px;
	 
	  
}


.feat-box p {
	padding:10px;
	 
	  
}


.examples-bt  {
	margin-top:-25px;

}

 

/* Help
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.get-help {
  border-bottom: 1px solid #ddd;
  background-image: url('../images/coffee-bg.jpg');
  background-size: cover;
}

/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.categories {
  background-image: url('../images/contact-bg.jpg');
  background-size: cover;
  color: #fff;
}
.categories .section-description { 
  margin-bottom: 4rem;
}


@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  {

.nav {visibility:hidden;
height:-35px;
margin-top:-45px;

}

.hero-subhead {
	color:#a73f55;
	margin-top:-15px;
	
}
  }

/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 12rem 0 11rem;
  }
  .hero {
    padding-bottom: 12rem;
    text-align: center;
    height: 165px;
  }
  .phone {
    position: absolute;
    top: -7rem;
    right: 3rem;
    max-height: 562px;
    z-index: 3;
  }
  .phone + .phone {
    top: -6rem;
    display: block;
    max-width: 73.8%;
    right: 0;
    z-index: 2;
    max-height: 338px;
  }
  .hero-heading {
    font-size: 3.9rem;
  }
  
   .hero-subhead {
  font-size: 1rem;
  }
  
    .monitor {
	margin-top:-120px;
    top: 10rem;
    max-width: 350px;
	margin-left:-40px;}
  }
  
    .value-multiplier {
  font-size:2.8rem;
}

.nav {background-color:#FE756C;
height:35px;

}
  
  
}




/* Bigger than 750 iPad */
@media (min-width: 750px) {
  .hero {
    height: 190px;
  }
  .hero-heading {
    font-size: 4.4rem;
  }
   .hero-subhead {
  font-size: 1.4rem;
  }
  .section {
    padding: 14rem 0 15rem;
  }
  .hero {
    padding: 16rem 0 14rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .phone {
    top: -14rem;
    right: 5rem;
    max-height: 510px;
  }
  .phone + .phone {
    top: -12rem;
    max-height: 672px;
  }
  .categories {
    padding: 15rem 0 8rem;
  }
  
  .monitor {
	margin-top:-120px;
    top: 10rem;
    max-width: 380px;
	margin-left:-30px;
  }
  

  
}


/* iPad Portrait  */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {  
.hero-subhead {
  font-size: 1.1rem;
  } }


/* Bigger than 1000  */
@media (min-width: 1000px) {
  .section {
    padding: 20rem 0 19rem;
  }
  .hero {
    padding: 22rem 0;
  }
  .hero-heading {
    font-size: 5.8rem;
  }
  .hero-subhead {
  font-size: 1.6rem;
  }
  .phone {
    top: -6rem;
    max-height: 815px;
  }
  .phone + .phone {
    top: -14rem;
    max-height: 570px;
  }
  
.monitor {
	margin-top:-220px;
    top: 10rem;
	margin-left:-30px;
    max-width: 525px;
  }
  
  .ipad {
	margin-top:-320px;
	top:-50px;
	margin-left:-360px;
    max-width: 205px;
	visibility:hidden;
  }
  
}