/* ------------------------------------------------------------------
Project: Semantic
Place here your custom CSS styles
------------------------------------------------------------------ */

.navbar-brand-smallScreen {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.1em;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  margin-left: 20px;
  margin-top: 10px;
}


/* STYLE FOR VIDEO EMBED TO BE RESPONSIVE */

.embed-container {
  position: relative;
  /*padding-bottom: 56.25%; */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto; }

  .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


  .instaimg img {margin-bottom: 30px;}
  .instaimg img:hover {
      opacity: 0.8;
      -moz-opacity: 0.8;
      -webkit-opactiy: 0.8 ;
  }

   .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; }

.modal-header {
  border-bottom: 0px;
}

.modal-footer {
  border-top: 0px;
}

#instafeed img {
    float: left;
    width:  300px;
    height: 300px;
    object-fit: cover;
    margin: 5px 5px 5px 5px;
}