/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
    padding-top: 54px;
    background-color: blue;
    margin: 0;
    background: #000; 
}

.shadowfilter {
    padding-top: 0.8rem;
    width: 80%;
    margin:0 auto;
}

header {
    width: 80%;
    height: 80%;
    margin: auto;
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}

.portfolio-item {
    margin-bottom: 30px;
}

.my-4 {
    color: lime;
    text-shadow: 0 0 8px #000000;
}


.card-img-top{
    height: 300px;
}

#certussoft_business { 
    background: rgba(0,0,0,0.5);
    color: white;
    /* padding: 2rem;
    width: 420px;
    margin:auto;
    font-size: 1.3rem; */
  }

  .customer {
      background: lightgray;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
  }

video { 
      position: fixed;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      transform: translateX(-50%) translateY(-50%);
    background: url('../../background/Aloha-Mundo.jpg') no-repeat;
    background-size: cover; 
    transition: 1s opacity;
  }
  .stopfade { 
     opacity: .5;
  }

  @media screen and (max-width: 250px) { 
    div{width:70%;} 
  }
  @media screen and (max-device-width: 400px) {
    html { background: url(../pics/certussoft.jpg) #000 no-repeat center center fixed; }
    #bgvid { display: none; }
  }