@media only screen and (max-width : 480px) and (min-width: 280px){
    header nav:first-child{
        display: none;
    }
    
    header div.icon{
        display: block;
    }
    
    header div.icon div.cont{
        width: 100%; 
    }
    
    header div.icon div.cont div:first-child{
        width: 40%;
        float: left;
        padding:1px;
    }
    
    header div.icon div.cont div:last-child{
        float: right;
        width: 40%;
        text-align: right;
        padding:1px;
    }
    
    header div.icon #open{
        display: none;
    }
    
    header div.frase{
        width: 90%;
        margin: 0 auto;
        color: #c4ff3e;
        text-align: center;
        background-color: rgb(0,0,0,0.5); 
    }

    div.frase>h1{
        padding: 5px;
        color: #c4ff3e;
        font-size: 1em;
        margin-top: 130%;
    }

    div.frase>h1+p{
        padding: 5px;
        color: white;
        font-size: 0.8em;
    }
    
    nav.menu-responsive{
        display: none;
    }
    
    nav.menu-responsive ul a li{
        width: 100%;
    }
    
    header div.icon #open:checked+ nav.menu-responsive{
        display: block;
    }
    
    #text>ul{
        width: 80%;
        margin: auto 10% auto;
    }
    
    #text>ul>li{
        width: 100%;
        margin-top: 2em;
        margin-left: 0em;
    }
    
    div.ImgDes {
        width: 40%;
        height: 15%;
        line-height: 15%;
    }
    
    #maps{
        height: 30em;
        padding-bottom: 140px;
    }
    
    #andes h1,#maps h1,#trabajos h1,#cotizacion h1{
        font-size: 100%;
    }
    
    div.colum{
        float: none;
        width: 90%;
    }
    
    div.colum:first-child{
        text-align: center;
    }
    
    div.img{
        margin-left: 10%;
    }

    div.img img{
        width: 40%;
        margin-right: 5%;
        margin-bottom: 5%;
    }

    div.colum div{
        width: 100%;
    }
    
    #form{
        width: 85%;
    }
    
    #form form .inf{
        width: 100%;
    }
    
    #form form .coment{
        width: 100%;
        margin-left: 0;
    }
    /****************************************FQA*/
    .FQ div{
        padding-top: 25%;
    }
    
    .PREG div:first-child{
        width: 100%;
        float: none;
        margin-left:0%;
    }

    .PREG div:last-child{
        width: 100%;
        float: none;
        margin-left: 0;
    }
    
    .FQ_PRE{
        padding-left: 0%;
        width: 100%;
    }
    
    /****************************************SERVICIOS*/

    .diseno div{
        width: 100%;
        float: none;
    }
    
    .diseno div h1{
        font-size: 50px;
        padding-left: 0;
    }
    
    .diseno div article{
        width: 100%;
        padding-left: 0;
    }
    
    .tramites div{
        width: 100%;
        float: none;
    }
    
    .tramites div h1{
        padding-left: 2%;
        padding-top: 0;
        color: #0092ff;
    }

    .tramites div article{
        width: 100%;
        padding-left: 2%;
    }
    
    .construccion div{
        width: 100%;
        float: none;
    }

    .construccion h1{
        padding-left: 0%;
        padding-top: 0;
        color: #0092ff;
    }

    .construccion article{
        padding-left: 0;
    }

    .construccion div img{
        width: 90%;
        padding-left: 0;
    }
    
    .rem-ampli div{
        width: 100%;
        float: none;
    }

    .rem-ampli h1{
        padding-top: 20%;
    }

    .rem-ampli article{
        width: 90%;
        font-size: 24px;
        padding-top: 0;
    }

    .rem-ampli div img{
        width: 80%;
        padding-left: 0;
    }
    
    /**********************************PRESUPUESTO*/
    
    .portPres div{
        padding: 50px;
    }
    
    .formPres form .inf{
        float: none;
        width: 100%;
        padding:10px;
        padding-right:0;
        padding-bottom:0;
        padding-top:10px;
    }
    
    .formPres form .inf input[type=text],.formPres form .inf input[type=email]{
        width: 88%;
    }
    
    .formPres form .coment{
        float: none;
        margin-left: 10px;
        width: 100%;
    }
    
    .formPres form .coment textarea{
        width: 88%;
    }
    
    .contPres{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        margin: 0 auto;
    }
    
    .contPres div a{
        padding-left: 0px;
    }

    /*****************************PORTAFOLIO***********/

    .Proyec div{
        padding-top: 40%;
        font-size: 40px;
    }

    .proyectos {
        padding: 0em;
        display: block;
    }

    .proyecto {
        padding: 0em;
        width: 100%;
    }

    h6{
        -webkit-transform: translate(5%,-0px);
           -moz-transform: translate(5%,-0px);
            -ms-transform: translate(5%,-0px);
             -o-transform: translate(5%,-0px);
                transform: translate(5%,-0px);
    }
}

@media only screen and (max-width: 1000px) and (min-width: 480px) {
    header nav:first-child{
        display: none;
    }
    
    header div.icon{
        display: block;
    }
    
    header div.icon div.cont{
        width: 100%; 
    }
    
    header div.icon div.cont div:first-child{
        width: 20%;
        float: left;
        padding:1px;
    }
    
    header div.icon div.cont div:last-child{
        float: right;
        width: 20%;
        text-align: right;
        padding:1px;
    }
    
    header div.icon #open{
        display: none;
    }
    
    header div.frase{
        width: 90%;
        margin: 0 auto;
        color: #c4ff3e;
        text-align: center;
        background-color: rgb(0,0,0,0.5); 
    }

    div.frase>h1{
        padding: 5px;
        color: #c4ff3e;
        font-size: 1.2em;
        margin-top: 35%;
    }

    div.frase>h1+p{
        padding: 5px;
        color: white;
        font-size: 1em;
    }

    nav.menu-responsive{
        display: none;
    }
    
    nav.menu-responsive ul a li{
        width: 100%;
    }
    
    header div.icon #open:checked+ nav.menu-responsive{
        display: block;
    }
    
    #text>ul{
        width: 80%;
        margin: auto 10% auto;
    }
    
    #text>ul>li{
        width: 100%;
        margin-top: 2em;
        margin-left: 0em;
    }
    
    div.ImgDes {
        width: 44%;
        height: 15%;
        line-height: 15%;
    }
    
    div.colum{
        float: none;
        width: 90%;
    }
    
    #form{
        width: 100%;
    }
    
    #form form .inf{
        float: left;
        width: 45%;
    }
    
    #form form .coment{
        float: left;
        width: 45%;
        margin-left: 0;
    }
    
    /****************************************FQA*/
    
    .PREG div:first-child{
        width: 100%;
        float: none;
        margin-left:0%;
    }

    .PREG div:last-child{
        width: 100%;
        float: none;
        margin-left: 0;
    }
    
    .FQ_PRE{
        padding-left: 0%;
        width: 100%;
    }
    
    /****************************************SERVICIOS*/

    .diseno div{
        width: 100%;
        float: none;
    }
    
    .diseno div h1{
        font-size: 50px;
        padding-left: 0;
        padding-top: 0;
    }
    
    .diseno div article{
        width: 100%;
        padding-left: 0;
    }
    
    .tramites div{
        width: 100%;
        float: none;
    }
    
    .tramites div h1{
        padding-left: 2%;
        padding-top: 0;
        color: #0092ff;
    }

    .tramites div article{
        width: 100%;
        padding-left: 2%;
    }
    
    .construccion div{
        width: 100%;
        float: none;
    }

    .construccion h1{
        padding-left: 0%;
        padding-top: 0;
        color: #0092ff;
    }

    .construccion article{
        padding-left: 0;
    }

    .construccion div img{
        width: 90%;
        padding-left: 0;
    }
    
    .rem-ampli div{
        width: 100%;
        float: none;
    }

    .rem-ampli h1{
        padding-top: 0%;
    }

    .rem-ampli article{
        width: 90%;
        font-size: 24px;
        padding-top: 0;
    }

    .rem-ampli div img{
        width: 80%;
        padding-left: 0;
    }
    
    /**********************************PRESUPUESTO*/
    
    .portPres div{
        padding: 50px;
    }
    
    .formPres form .inf{
        float: none;
        width: 100%;
        padding:10px;
        padding-right:0;
        padding-bottom:0;
        padding-top:10px;
    }
    
    .formPres form .inf input[type=text],.formPres form .inf input[type=email]{
        width: 90%;
    }
    
    .formPres form .coment{
        float: none;
        margin-left: 10px;
        width: 100%;
    }
    
    .formPres form .coment textarea{
        width: 90%;
    }
    
    .contPres{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        margin: 0 auto;
    }

    /*****************************PORTAFOLIO***********/

    .Proyec div{
        padding-top: 15%;
        font-size: 50px;
    }

    .proyectos {
        padding: 0em;
        display: block;
    }

    .proyecto {
        padding: 0em;
        width: 100%;
    }

    h6{
        -webkit-transform: translate(40%,-10px);
               -moz-transform: translate(40%,-10px);
                -ms-transform: translate(40%,-10px);
                 -o-transform: translate(40%,-10px);
                    transform: translate(40%,-10px);
    }

}

@media only screen and (max-width: 1249px) and (min-width: 1001px){
    /**********************************PRESUPUESTO*/
    
    .formPres form .inf{
        width: 40%;
    }
    .formPres form .coment{
        width: 40%;
    }
    
    .contPres{
        width: 60%;
    }

    div.frase>h1{
        padding: 5px;
        color: #c4ff3e;
        font-size: 2.8em;
        margin-top: 50%;
    }

    div.frase>h1+p{
        padding: 5px;
        color: white;
        font-size: 1.5em;
    }
}