


.parallax-objetivos{
  /* The image used */
  background-image: url("img/bg-objetivos.jpg");

  /* Set a specific height */
  min-height: 400px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.mt-140{
	margin-top: 140px;
}

.color-29{
	color: #292929;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;

}

.btn-que a{
	text-decoration: none;
	text-transform: none;
	font-weight: 600;
	font-size: 32px;
	color: #fff;
	text-align: right;
}

.btn-que{

	text-align: right;
}


header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
background-color: rgba(0,0,0,0.8); 
  z-index: 1;
}

.banner-lateral a:hover{
-webkit-box-shadow: 0px 0px 16px 13px rgba(135,199,255,0.65);
-moz-box-shadow: 0px 0px 16px 13px rgba(135,199,255,0.65);
box-shadow: 0px 0px 16px 13px rgba(135,199,255,0.65);

}

.bg-crimi{
	margin-top: -82px;
	margin-left:0px;
}

.bg-ciber{
	margin-top: 45px;
	margin-left: 60px;
}

.bg-seguridad{
	z-index: -1;
	position: absolute;
	margin-top: -300px;
	margin-left: 60px;
}


.bg-intel{
	z-index: -1;
	position: absolute;
	margin-top: -281px;
	margin-left: 0px;
}


.pb-140{
	padding-bottom: 140px;
}


.pdd-lateral{
   padding: 0% 8% 0% 8%;
}




@media (min-width: 3200px) {
  

.investiga{
  margin-top: -200px;
    z-index: 2;
  position: relative;
}

  .areas{
  margin-top: -300px;
  z-index: 2;
  position: relative;
  padding: 0% 8% 0% 8%;
  }

    .mv-titular{
    font-size:38px !important;
  }

    .mv-text-area{
    color: #fff !important;
  }

      .mv-text-area-2{
    color: #000 !important;
  }

      .mv-titular-doc{
    font-size:32px !important;

  }

      .mv-text-actividades{
      font-size: 60px !important; 
  }

  .rs1024{
    display: none;
  }

   .rstxtb{
  color: #fff !important;
 }

}




@media (min-width: 1367px) {
  

.investiga{
  margin-top: -200px;
    z-index: 2;
  position: relative;
}

  .areas{
  margin-top: -300px;
  z-index: 2;
  position: relative;
  padding: 0% 8% 0% 8%;
  }

    .mv-titular{
  	font-size:48px !important;
  }

    .mv-text-area{
  	color: #fff !important;
  }

      .mv-text-area-2{
  	color: #000 !important;
  }

      .mv-titular-doc{
  	font-size:32px !important;

  }

      .mv-text-actividades{
      font-size: 60px !important;	
  }

  .rs1024{
    display: none;
  }

   .rstxtb{
  color: #fff !important;
 }

}

@media (min-width: 601px) and (max-width: 1366px) {
.rs1024{
    display: block;
  }

  .rsdesk{
    display: none;
  }

  .areas{
  margin-top: -300px;
  z-index: 2;
  position: relative;
  padding: 0% 8% 0% 8%;
  }

 .rstxtb{
  color: #fff !important;
 }


}


/* If the screen size is 600px or less, set the font-size of <div> to 30px */
@media (max-width: 600px) {

 .rstxtb{
  color: #000 !important;
 }

  .rs1024{
    display: none;
  }

  .areas{
  margin-top: -100px;
  z-index: 2;
  position: relative;
  padding: 0% 8% 0% 8%;
  }

  .mv-titular{
  	font-size:24px !important;
  }

  .mv-text-area{
  	margin-top: 20px;
  	color: #000 !important;
  }

    .mv-text-actividades{
      font-size: 48px !important;	
  }

    .mv-titular-doc{
  	font-size:24px !important;
  	line-height: 24px;
  }
}




@media (pointer: coarse) and (hover: none) {
  header {
    background: url('http://www.ciia.eu/img/bg-header-mv.jpg') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
}

      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }



