body {
}

.navbar-brand {
  padding: 6px 15px;
}

.fa-4x {
  color:#000;
}

.text-muted #textMuted {
    color:#000;
}

.service-box p{
  max-width: 500px;
}


.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}


.images_ {
    display:inline;
    float:left;
    margin-right:50px;
    padding: 0px;
}

#holder #remote {    

    border: 1px solid #FFF;
    background-color:#984042;
    display:inline-block;

}
#remote {

    position: relative;
    /*position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
    /*max-width: auto;
    width:auto;
    overflow-y: hidden;
    overflow-x:auto;*/
    

}

/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 20%;
  padding: 14px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}