@import url('https://fonts.googleapis.com/css?family=Saira+Condensed:300,400,500');

  #principios{
     background:linear-gradient( rgba(250, 250, 250, 0.8) 100%, rgba(250, 250, 250, 0.5)100%),url("../img/principios.jpg");
      position:relative;
      height:100%;
      z-index:1;
      background-repeat:no-repeat;
      background-size:cover;
  }

        .top-nav-collapse {
            background-color: #222 !important;
        }

        .navbar:not(.top-nav-collapse) {
            background: transparent !important;
        }

        @media (max-width: 768px) {
            .navbar:not(.top-nav-collapse) {
                background: #222 !important;
            }
        }

        .btn.btn-white {
            color: #212121 !important;
        }

        h6 {
            line-height: 1.7;
        }

        .custom-gradient .full-bg-img {
            background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
            background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
            background: -webkit-gradient(linear, 45deg, from(rgba(255, 255, 255, 0.7)), to(rgba(250, 250, 250,0.5)));
            background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
            background: linear-gradient(to 45deg, rgba(255, 255, 255, 0.7), rgba(250, 250, 250,0.5) 100%);
        }


         .custom-gradientDetalle .full-bg-img {
            background: -moz-linear-gradient(45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
            background: -webkit-linear-gradient(45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
            background: -webkit-gradient(linear, 45deg, from(rgba(0,0,0, 0.6)), to(rgba(0,0,0, 0.6)));
            background: -o-linear-gradient(45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
            background: linear-gradient(to 45deg, rgba(0,0,0, 0.6), rgba(0,0,0, 0.6) 100%);
        }

        @media (max-width: 450px) {
            .margins {
                margin-right: 1rem;
                margin-left: 1rem;
                margin-top:50px;
            }
            
        }


        h1{
            color:black;
            font-weight:700;
            letter-spacing:4px;
            font-family: 'Saira Condensed', sans-serif;
        }
        span   {
            color:darkred;
             font-weight:400;
            font-family: 'Saira Condensed', sans-serif;
        } 
          h4{
            color:rgb(120, 120, 120);
            font-weight:700;
            letter-spacing:12px;
            font-family: 'Saira Condensed', sans-serif;
        }

          
#Valores{
          background-color: rgb(243, 243, 243);

  background-size: cover;
  padding: 80px 0px 80px 0px;
  
}