/** 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; 
}


@media screen and (max-width: 1236px) {
.banner-text-home {
  position: absolute;
  top: 60px;
  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 20px 0;
	font-style: italic; 
}
}
@media screen and (max-width: 986px) {
.banner-text-home {
  position: absolute;
  top: 30px;
  left: 20px;
  width:60%;
  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 20px 0;
	font-style: italic; 
}
}
@media screen and (max-width: 720px) {
.banner-text-home {
  position: absolute;
  top: 40px;
  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; 
}
}
@media screen and (max-width: 540px) {
img#large {display:inline;}
img#small {display:none;}
}