/** home banner **/
img#small {}
img#large {display:none;}
.banner-container-home {
  position: relative;
}

.banner-text-home {
  position: absolute;
  top: 80px;
  left: 20px;
  width:50%;
  background: rgba(255, 51, 0, 0.9);
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

h2.banner-home {
	font-weight:600;
	font-size: 2.6em;
    color:#FFF;
    line-height:1.4;
    padding:10px 0 30px 0;
	font-style: italic; 
}
h3.banner-text {
	font-weight:700;
	font-size: 1.0em;
    color:#2B2E34;
	display: block;
    padding:5px 0 40px 0;
}

@media screen and (max-width: 1236px) {
.banner-text-home {
  position: absolute;
  top: 20px;
  left: 20px;
  width:50%;
  background: rgba(255, 51, 0, 0.9);
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

h2.banner-home {
	font-weight:600;
	font-size: 2.4em;
    color:#FFF;
    line-height:1.4;
    padding:10px 0 50px 0;
	font-style: italic; 
}
h3.banner-text {
	font-weight:700;
	font-size: 1.0em;
    color:#2B2E34;
    padding:5px 0 20px 0;
}
}
@media screen and (max-width: 986px) {
.banner-text-home {
  position: absolute;
  top: 20px;
  left: 20px;
  width:80%;
  background: rgba(255, 51, 0, 0.9);
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

h2.banner-home {
	font-weight:600;
	font-size: 2.4em;
    color:#FFF;
    line-height:1.4;
    padding:10px 0 50px 0;
	font-style: italic; 
}
h3.banner-text {
	font-weight:700;
	font-size: 1.0em;
    color:#2B2E34;
}
}
@media screen and (max-width: 720px) {
.banner-text-home {
  position: absolute;
  top: 10px;
  left: 10px;
  width:90%;
  background: rgba(255, 51, 0, 0.9);
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

h2.banner-home {
	font-weight:600;
	font-size: 1.6em;
    color:#FFF;
    line-height:1.4;
    padding:10px 0 20px 0;
	font-style: italic; 
}
h3.banner-text {
	font-weight:700;
	font-size: 0.9em;
    color:#2B2E34;
}
}
@media screen and (max-width: 540px) {
img#large {display:inline;}
img#small {display:none;}
}




/** services boxes homepage **/

#services {
	margin:50px 0 50px 0;
	background-color:#2b2e34;
}

.boxes-padding{padding:20px 0 20px 20px;}

* {
  box-sizing: border-box;
}

#box {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.box-row::after {
  content: "";
  clear: both;
  display: table;
}

.box-container {
  position: relative;
  margin:5px;
}

.box-text {
  position: absolute;
  bottom: 2px;
  width:100%;
  background: rgba(43, 46, 52, 0.7);
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  font-weight:600;
  padding:8px;
}

#services-text{
	padding:20px 0 20px 50px;
	color:#FFF;
}
h2.services {
	font-weight:600;
	font-size: 1.4em;
    color:#FFF;
    padding:10px 0 30px 0;
}
#services-text ul  { 
margin: 20px 0 20px 20px;
padding: 0;
list-style: none;
} 

#services-text ul li{
padding:0 0 20px 30px;
background-image: url(../images/arrow-orange.png);
background-repeat: no-repeat;
background-position: top left;
}


@media screen and (max-width: 540px) {
.box-text {
  position: absolute;
  bottom: 2px;
  width:100%;
  background: rgba(43, 46, 52, 0.7);
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  font-weight:600;
  padding:4px;
  font-size:0.8em;
}
}