/*-------------------------------------------------------
CSS CLASSES
------------------------------------------------------ */

.clear {
  clear:both;
}

.text-center { 
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.img-float-left img{
  float:left;
  margin:10px;
}

.img-float-right img {
  float:right;
  margin:10px;
}

.float-left {
  float:left;
}

.float-right {
  float:right;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.small {
  font-size: 80%;
}

.img-border {
  border: 1px solid #999;
}

.hero {
  border: 5px solid #FFF;
}

.video-box {
  border: 0px solid #999;
  width:80%;
  max-width: 500px;
  margin: 0 auto;
}

.developers-comment {
  background: #000;
  border: 2px solid red;
  color: red;
  font-style: italic;
  padding: 5px;
}