/*tile page*/
.Tile-box {
  height: 140px;
  margin-right: 10px;
  background-color: #2e90aa;
  padding: 15px;
  text-transform: uppercase;
}
.Tile-box a {
    display: block;
    width: 100%;
    height: 100%;
}

.tile-content .row .Tile-box:nth-child(1) {
      margin-left: 55px;
}


.b-shade1 {
  background-color: #2e90aa;
}
.b-shade2 {
  background-color: #d5e9ee;
}
.b-shade3 {
  background-color: #6db1c3;
}
.b-white {
  background-color: #fff;
}
.b-shade2 h3, .b-white h3 {
  color: #2e90aa !important;
}

.white {
  color: #fff;
}
.blue {
  color: #2e90aa;
}

.right-arrow img{
  right: 15px;
}
.left-arrow, .right-arrow {
  height: 565px;
}
.left-arrow img, .right-arrow img {
  position: absolute;
  top: 50%;

}

.width-double-column {
  width: 293px;
}
.width-triple-column {
  width: 446px;
}


.hand{
  background-image: url(../images/icons/hand.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 60%;
}

.brush{
  background-image: url(../images/icons/brush.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}

.man{
  background-image: url(../images/icons/man.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}

.clip{
  background-image: url(../images/icons/clip.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 60%;
}

.folder{
  background-image: url(../images/icons/folder.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 60%;
}

.home{
  background-image: url(../images/icons/home.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 60%;
}

/* Business page icons */
.commerce{
  background-image: url(../images/bus-icons/bus_commerce.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}

.bus-job{
  background-image: url(../images/bus-icons/bus_job.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}
.bus-reg{
  background-image: url(../images/bus-icons/bus_busreg.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}

/* Resident page icons */
.purple-brush{
  background-image: url(../images/res-icons/paint-brush.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}

.purple-pointer{
  background-image: url(../images/res-icons/pointer.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 60%;
}

.exclamation{
  background-image: url(../images/res-icons/exclamation-point.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 60%;
}

.purple-canoe{
  background-image: url(../images/res-icons/purple-canoe.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 60%;
}

.purple-horn{
  background-image: url(../images/res-icons/purple-horn.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}

.purple-home{
  background-image: url(../images/res-icons/house.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 60%;
}

.white-umbrella{
  background-image: url(../images/res-icons/white-umbrella.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 60%;
}

/* Visitor Page Icons */

.white-sun{
  background-image: url(../images/vis-icons/white-sun.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}

.brown-umbrella{
  background-image: url(../images/vis-icons/brown-umbrella.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}

.brown-canoe{
  background-image: url(../images/vis-icons/brown-man-canoe.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}

.brown-paintbrush{
  background-image: url(../images/vis-icons/brown-paintbrush.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}

.clipboard{
  background-image: url(../images/want-icons/clipboard.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 25%;
}

@media (max-width: 1024px) {
  .tile-content .row .Tile-box:nth-child(1) {
      margin-left: 0px;
  }
  .width-double-column {
    width: 100%;
  }
  .width-triple-column {
    width: 100%;
  }
  .tile-content {
    margin: 10px;
  }
  .Tile-box {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .margin-bottom-10 {
    margin-bottom: 0 !important
  }

  .Tile-box {
    margin-right: 0
  }

  
  .hand{
    background-size: 40%;
  }

  .brush{
    background-size: 25%;
  }

  .man{
    background-size: 34%;
  }

  .clip{
    background-size: 31%;
  }

  .folder{
    background-size: 35%;
  }

  .home{
    background-size: 35%;
  }
  .commerce, 
  .bus-job, 
  .bus-reg {
    background-size: 31%;
  }
  
}