/* Required height of parents of the Full Page Intro and Intro itself */
html,
body,
.view {
  height: 100%; }



*,
*::before,
*::after {
   margin: 0;
   padding: 0;
}



@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Josefin+Sans:400,600,700,400italic,600italic);



body {
   background-color: #e4e9ed;
   font-family: Raleway, sans-serif;
}


.hero{
	height: 100vh;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9;
	transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);
}
.hero.scrolled{
	transform: translate3d(0, -100%, 0) scale(.75);
	opacity: 0;
}
.hero-inner{
   background-size: cover;
	background-position: center;
	display: table;
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
    filter: brightness(50%);
}
.hero-title{
	display: table-cell;
	vertical-align: middle;	
	text-align: center;
}
h1, h2, h3, h4, h5, h6{
	font-family: montserrat;
}
.font-2{
	font-family: Raleway, sans-serif;
	font-weight: 700;
}


.title{ letter-spacing: .3em; text-transform: uppercase; }
.text-light{ color: #fff }
.font-alt{
	font-family: 'georgia';
	font-style: italic;
	color: #666;
}
.hero{
	overflow: hidden;
	z-index: 1;
}
.content{
	position: relative;
	background-color: white;
	border-top: 10px solid black;
	padding: 0;	
	margin: 0;
	transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);
	transform: translate3d(0, 20px, 0) scale(.75);
	opacity: 0;
}
.content.scrolled{
	transform: translate3d(0, 0, 0) scale(1);	
	opacity: 1;
}
.sd{
	color: white;
	position: absolute;
	top: 605px;
	left: 50%;
	transform: translateX(-50%);
    font-weight: bold;
}
.sd:hover, .sd:focus{
	color: black;
	opacity: .7;
	text-decoration: none;
}

.logotipos{
    width: 80%;
    display: flex;
    flex-flow: wrap;
}

.logos img{
    height: 80px;
    padding-left: 10px;
    padding-top: 10px;
    align-items: flex-start;
    align-content: flex-end;
    display: flex;
}



.carousel-item img{
    width: 100%;
    height: 100%;
}



@media (max-width:768px){
    #wowslider-container1{
        width: 100%;
        height: 50%;
    }
    .ws_images{
        width: 100%;
        height: 50%;
    }
}

@media (max-width:992px){
    #wowslider-container1{
        width: 100%;
        height: 50%;
    }
    .ws_images{
        width: 100%;
        height: 50%;
    }
}



@media (max-width: 768px) {
.heading{

        font-size: 15px;
      color: #5d4267;
    }
    
    .title {
      align-self: center;
      justify-self: center;
      color: white;
      text-transform: uppercase;
      font-size: 20px;
      text-shadow: 0px 2px 4px rgba(0,0,0,.4);
   }
}

@media (max-width: 768px) {
    .display-3 {

        font-size: 20px;
      color: #5d4267;
    }
    .title {
      align-self: center;
      justify-self: center;
      color: white;
      text-transform: uppercase;
      font-size: 25px;
      text-shadow: 0px 2px 4px rgba(0,0,0,.4);
   }
}

@media (max-width: 992px) {
    .display-3 {
      margin: 0 3rem;
/*      font-weight: 300;*/
        font-size: 25px;
      color: #5d4267;
    }
}

