.bucket{
position: relative;
  width: 100%;
  background-position-x: center !important;
   background-position-y: center !important;
 }

.bucket:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.bucket-title {
position: absolute;
    background-color: #efefef;
    color: #54331d;
    opacity: .75;
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
    text-align: center;
}

a:hover .bucket-title{
	background-color: white;
	color:#54331d;
}


.bucketcall {
    margin: 0px;
    height: auto;
 }

.calloutwords b{
	text-transform: uppercase;
	font-weight: bold;	
  display: block;
   font-size: 30px;
}

.calloutwords {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    line-height: initial;
    position: absolute;
    padding: 15px;
    top: 50%;
    transform: translateY(-50%);
}



@media screen and (min-width:1920px) and (max-width:6000px) {
.calloutwords {
    font-size: 18px;
}
}

/* ipad */
@media screen and (min-width: 767px) and (max-width:1000px) {
.calloutwords b {
    font-size: 18px;
}
.calloutwords  {
    font-size: 14px;
}

.bucket-title {
    position: absolute;
    background-color: #efefef;
    color: #54331d;
    opacity: .75;
    width: 80%;
    height: 80%;
    top: 10%;
    left: 10%;
    text-align: center;
}

}


/* mobile */
@media screen and (min-width: 0px) and (max-width:767px) {
.calloutwords b {
    font-size: 36px;
}
.calloutwords  {
    font-size: 18px;
}

.bucket {
    width: auto;
    margin: 0px;
    margin-bottom: 30px;
}

}

}




/* OVER LAY IMAGE */

 .photolay{
position: relative;
  width: 100%;
  background-position-x: center !important;
  background-position-y: center !important;
  background-repeat: no-repeat !important;
 }

.photolay:after {
  content: "";
  display: block;
  padding-bottom: 50%;
  background-color: #795548;
  color: #54331d;
  opacity: .6;
}

.photolay-title {
    position: absolute;        
    width: 100%;
    height: 100%;
    top: 30%;
    left: 0%;
    text-align: center;
    z-index: 1000;
}

.photolaycall {
    margin: 0px;
    height: auto;
 }


.photolay_calloutwords {
    font-size: 38px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    font-style: italic;
    width: 100%;
    line-height: initial;
}



.photolay_btn_calloutwords {
    font-size: 14px;
    margin-top: 10px;
    background-color: #fffcd8;
    text-transform: uppercase;
    color: #54331d;
    font-weight: bold;
    width: auto;
    display: inline-block;
    text-align: center;
    line-height: initial;
    padding: 10px 13px 8px 15px;
    z-index: 1;
}

a:hover .photolay_btn_calloutwords{
  background-color: #54331d;
  color:#fffcd8;
}

a:hover .photolay:after{
  opacity: .5;
}


@media screen and (min-width:2000px) and (max-width:6000px) {
.photolay_calloutwords {
    font-size: 1.4vw;
}
}

/* mobile */
@media screen and (min-width: 0px) and (max-width:767px) {
.photolay_calloutwords {
    font-size: 36px;
}

.photolay {
    width: auto;
    margin: 30px;
}

}