/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        /* --- PACKAGING.PHP --- */
        .pack{height: 350px;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        /* --- PACKAGING.PHP --- */
       

        .pack-text{
          width: 90%;
        }
        .pack-left p{
          font-size:13px;
          padding-top: 0px;
        }

        .pack-text a{
          padding-top: 20px;
        }

        .pack-left h1{
          font-size:24px;
          margin-top: 20px;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        /* --- PACKAGING.PHP --- */
        .pack{height: 550px;}
        .pack-text a{
          font-family:'shimes_one_personal_useRg';
          font-size: 30px;
          color: #00ff00;
          padding-top: 50px;
          margin-right: 0px;
        }

        .pack-left h1{
          font-size:28px;
          margin-top: 50px;
          margin-left: 50px;
        }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        /* --- PACKAGING.PHP --- */
        .pack-text{width: 90%;}
        
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        .header{
          top: 40%;
          width: 45%;
        }
        .ed-secreto,.ed-bs49pub{
            -webkit-background-size: cover;
            background-size: cover;
        }

        /* --- BRANDING.PHP --- */
       .pimpam img{
            width: 234px;
        }

        /* --- Footer--- */

        .logo-footer{
            margin-top: 65px;
        }
        .footer_logo{
            margin-top: 65px;
            width: 70%;
        }

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        /* --- Index.php --- */
        #wrap .column{
            height: 20%;
            width: 100%;
        }

        #wrap .col1 {
           background: url(../img/nadina.jpg) no-repeat center center;
          -webkit-background-size: cover;
          background-size: cover;
          border-right: 0px solid #00FF00;
          border-bottom: 2px solid #00FF00;
        }
        #wrap .col2 {
          background: url(../img/packaging.jpg) no-repeat center center;
          -webkit-background-size: cover;
          background-size: cover;
          border-right: 0px solid #00FF00;
          border-bottom: 2px solid #00FF00;
        }
        #wrap .col3 {
          background: url(../img/catalogo_presentacion.jpg) no-repeat center center;
          -webkit-background-size: cover;
          background-size: cover;
          border-right: 0px solid #00FF00;
          border-bottom: 2px solid #00FF00;
        }
        #wrap .col4 {
          background: url(../img/aero.jpg) no-repeat center center;
          -webkit-background-size: cover;
          background-size: cover;
          border-right: 0px solid #00FF00;
          border-bottom: 2px solid #00FF00;
        }
        #wrap .col5 {
          background: url(../img/pieza.jpg) no-repeat center center;
          -webkit-background-size: cover;
          background-size: cover;
          border-right: 0px solid #00FF00;
          border-bottom: 2px solid #00FF00;
        }
        #wrap .column h1{
            position: relative;
            top: 35%;
            left: 50%;
            -ms-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }
        
        .no-show{display: none;}
        #about{
          height: 700px;
          overflow: hidden;
        }

        .box {
          width: 100%;
          height: 350px;
          text-align: center;
        }
        .box-1 {
          background: url(../img/sobre_mi.jpg) no-repeat center center;
          background-size: cover;
        }
        .box-2 {
          background: #d0f0c0;
        }
        .box-2:before {
          display: inline-block;
          margin: 0;
          margin-top: -30px;
          margin-left: -30px;
          content: '';
          border: 30px solid transparent;
          border-right: 1000px solid #d0f0c0;
        }

        .box-2 h3{
          padding-top: 25px;  
          position: relative;
          text-align: center;
          margin: 0 auto;
          font-size: 3.5em;
          color: #989f98;
          font-family: 'Roboto';
          font-weight: normal;
          line-height: 18px;
        }
        
        .box-2 h3 span{font-family: 'shimes_one_personal_useRg';font-weight: normal;font-size: 1.75em;color: #98995e;margin-left: -60px;}

        .box-2 p{
          font-family: 'Roboto';
          font-weight: 300;
          font-size: 14px;
          color: #989f98;
          margin: 0 auto;
          padding-top: 25px;
          padding-left: 15px;
          padding-right: 15px;
        }
        /* --- BRANDING.PHP --- */
        #nadina,#secreto,
        #remix,#cerveza,#ladrillera,#terram{
            height: 300px;
            -webkit-background-size: cover;
            background-size: cover;
            border-bottom: 1px solid #00ff00;
            border-top: 1px solid #00ff00;
        }
        #secreto{
            background-position: 10%;
        }

        #pimpam,#criadores,#generale,
        #apon{
            height: 300px;
            -webkit-background-size: cover;
            background-size: cover;
            background-position: right; 
        }

        .apagar{display: none !important;} 

            
        /* --- EDITORIAL.PHP --- */
        

        /* --- Footer--- */
        .footer_1{height: 500px;}
        .logo-footer{margin-top: 25px;}
        .footer_logo{
            margin-top: 0;
            width: 100%;
            padding-left: 15%;
            padding-right: 15%; 
        }

    }

    @media only screen and (max-width : 767px) {
      
        .header{
          top: 38%;
          width: 45%;
        }
        .header_frase h2{
          font-size: 20px;
        }
        .titulo h3{
            width: 38%;
        }
        /* --- PACKAGING.PHP --- */
        .pack-text{display: none;}
        /* --- DISENO-GRAFICO.PHP --- */
        

        /* --- DISENO-WEB.PHP --- */
       
        /* --- BRANDING.PHP --- */
        /* --- EDITORIAL.PHP --- */
        .inner-ed{
            top: 40%;
        }
        .inner-ed h2{
            font-size: 28px;
        }
        .inner-ed p{
            font-size: 16px;
        }
        .footer-txt{
            text-align: center !important;
        }
        .footer_2{height: 200px;}

    }

    @media only screen and (max-width : 600px) {
        
    }

    /* Extra Small Devices, Phones */ 
   
    @media only screen and (max-width : 480px) {
        .header{
          top: 30%;
          width: 45%;
        }
        .titulo h3{
            width: 50%;
        }
        .link{
            font-size: 3.8em;
        }

        .box-2 h3{padding-top: 15px;}

        /* --- DISENO-GRAFICO.PHP --- */
        
        .grande{height: 350px;}

         /* --- DISENO-WEB.PHP --- */
         .dis_web{
            height: 500px;
         }
         .web_text p{
            top: 40%;
         }
        /* --- BRANDING.PHP --- */
        #nadina,#secreto,
        #remix,#cerveza,#ladrillera,#terram{
            height: 300px;
            -webkit-background-size: cover;
            background-size: cover;
            border-bottom: 1px solid #00ff00;
            border-top: 1px solid #00ff00;
        }
        #secreto{
            background-position: 10%;
        }

        #pimpam,#criadores,#generale,
        #apon{
            height: 300px;
            -webkit-background-size: cover;
            background-size: cover;
            background-position: right; 
        }

        .apagar{display: none !important;} 

            
        /* --- EDITORIAL.PHP --- */
        /* --- Footer--- */
        .footer_1{height: 530px;}
        .footer_logo{
            margin-top: 0;
            width: 100%;
            padding-left: 10%;
            padding-right: 10%; 
        }
       
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

        .titulo h3{
            width: 60%;
        }
        .box-2 h3{padding-top: 5px;}
    }