@media(max-width:991px){  
           body{       
           font-family: 'Yanone Kaffeesatz', sans-serif;
           font-size: 14px;
           color:#666;           
       }

       .gap-1{
         height: 1em;
     }

     .gap-2{
         height: 2em;
     }

     .gap-3{
         height: 3em;
     }

     .gap-4{
         height: 4em;
     }

     h1{
        color:#4aa0db;        
        font-size: 2em;
        font-family: 'Raleway', sans-serif;
        font-variant: small-caps;                        
        margin:.3em 0;
    }

    h2{    
        font-family: 'Raleway', sans-serif;
        font-weight: lighter;     
        font-size: 1.3em;
    }

    p{
        font-size:1.3em;
    }

    .center-text{
        text-align: center !important;
    }

    section#main, section#dw, section#diseno, section#mkt, section#infor{
        
    }

    section#infor{
        background-image: url(img/infor.jpg);
        background-size: cover;
    }

    section#dw{
        background-image: url(img/dw.jpg);
        background-size: cover;
    }

    .servicios{
        text-align: center;
    }

    .link{
        font-size: 2em;    
        position:relative;    
        text-decoration: none;
    }

    .close{
        opacity:1;
        color:#565658;
    }

    .back{
        color:#fff;
        float: left;
    }

    .back:hover{
        color:#fff;
    }

    .left{
        float:left;
    }

    .close:hover{        
        opacity: .4;
    }

    .link:before{
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #4aa0db;
        visibility: hidden;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .link:hover{
        cursor: pointer;  
        display:block;
    }

    .link:hover:before{
        visibility: visible;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    .align-right{
        text-align: right;
    }

    .glyphicon-remove{
        font-size: 2em;
    }

    .glyphicon-remove:hover{
        cursor: pointer;
    }

    .fa-arrow-left{
        margin-top: 1em;
        text-align: center;
    }

    section#dw, section#diseno, section#mkt, section#infor{
        color: #fff;        
    }

    section#dw, section#diseno, section#mkt, section#infor{
        display:none;        
    }

    section#diseno{
        background-image: url(img/diseno.jpg);
        background-size: cover;
    }

    section#mkt{
        background-image: url(img/mkt.jpg);
        background-size: cover;   
    }

    .descripcion{
        padding:2em;
        /*background-image: url(img/FFFFFF-0.4.png);*/
        background-repeat: repeat;
    }

    #info p{
        padding:.3em;
        margin:0;
        font-size: 1.3em;
        text-align: left;        
        font-family: 'Raleway', sans-serif !important;
    }

    #info .fa{
        color: #4aa0db;
        padding-right: .5em;
    }

    .contacto{
        color:#4aa0db;
    }

    .contacto:hover{
        cursor:pointer;
        opacity: .7;
    }

    .white-top{        
        background-color: #fff;
    }
}