/*GENERAL*/

body{font-family: 'Montserrat', sans-serif; margin:0; padding:0; overflow-x: hidden; background-color: #e9e2c5;}

h1{font-size:60px; color:white; text-align: left; z-index: 99; padding:0; line-height:55px;}
h2{font-size:15px; color:white; text-align:left; z-index: 99;}
h3{font-size:30px; color:white; text-align:left; margin:0; padding:0;}
h4{font-size:16px; color:white; text-align:left; z-index: 99;}
p{font-size:15px; text-align:left; z-index: 99; color:#636467;}


section{height:100%; display:table; width:100%;}
.tabla{display: table-cell; vertical-align: middle;}

#inicio{width:100%; height:100%;}
#boton1{width:100%; height:100%; position: relative;}
#video_background {position:absolute; bottom:0; right:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-1; overflow:hidden;}
#boton2{width:100%; position:relative; margin:0; padding:10% 0; background:#E5E09A;}

#boton3{width:100%; height:100%; background:url(../img/vidasintacc2.jpg) no-repeat 50% 50%; overflow:hidden; background-size:cover; z-index:1; padding: 2% 0% 10% 45%;}
#boton4{width:100%; height:100%; background:url(../img/bg-agro1.jpg) no-repeat center center; overflow:hidden; background-size:cover; z-index:1;}
#boton5{width:100%; height:100%; position: relative; margin:0; padding:0; background:#BE1E2D;}


header{width:100%; height:120px; background-color:white; position:fixed; z-index:999;}
.marca{width:100%; float:left; margin-top:2%; max-width:250px; margin-left:10%; z-index: 999999;}
#menu{text-align:center;}
nav{padding-top:50px;}
nav a{text-decoration:none !important; color:#808285; font-size:15px; padding-right:30px; float: left;}
nav li{list-style:none; display:inline-block; }
nav a:hover{color:#FFCA4E;}

#actions{
      position:fixed;
      top: 73px;
      left: 30px;
      z-index: 99999;
    }
    #actions a{
      background: rgba(0,0,0,0.8);
      padding: 7px;
      margin: 2px;
      color: #ccc;
      display: inline-block;
    }
    #actions a:hover{
      color: #fff;
      background: #81A140;
    }

q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


#menu li.active a:hover{
  color: #FFCA4E;
}

#menu li.active a{
  color: #FFCA4E;
}


/*LENGUAJE*/
.garantia{margin-top:-3px; float:left; background:url(../img/garantiadf.png) no-repeat; width:100px; height:140px;}
.language{float:left;}
.language ul, .language li {margin:0; list-style:none; display:inline-block; padding:0px 5px 0px 0px;}
.language a {display:inline-block; height:20px; padding:0px 10px;}
.language p {font-size:12px;}
#spanish {display:inline-block; background:url(../img/spanish.png) no-repeat; height:13px; width:20px;}
#portuguese {display:inline-block; background:url(../img/portuguese.png) no-repeat; height:13px; width:20px;}
#english {display:inline-block; background:url(../img/english.png) no-repeat; height:13px; width:20px;}


/*PRODUCTOS*/
.name{background:url(../img/productos-name.png) no-repeat; position:absolute; bottom:15px; width:100%;}
.productos{text-align: center;}

/*flecha*/
.fp-controlArrow.fp-prev {border-width: 25.5px 25px 25.5px 0px !important;}
.fp-controlArrow.fp-next {border-width: 25.5px 140px 25.5px 25px !important;}


<!--================================================= HOVER PRODUCTOS ============================================================-->

.view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
   background-color: rgba(190,30,45,0.9);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}

.m {
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
   float:left;
}


.view-sixth a.info {
   opacity: 0;
   margin-left: 30px;
   margin-top: 5px;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;

}
.view-sixth:hover .mask {
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover h3 {
    opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
   padding-top:40px;
}
.view-sixth:hover h2 {
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-sixth:hover a.info {
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
                

.view {
   width: 360px;
   height: 250px;
   float: left;
   position: relative;
   text-align: left;
   cursor: default;
   overflow: hidden;
}
.view .mask{
   width: 360px;
   height: 250px;
   position: absolute;
   top: 0px;
   left: 0;
}
.view img {
   display: block;
   position: absolute;
   max-width:600px;
   width:100%;
   max-height: 250px;
}

.view h3 {
   color: #FDF8D4;
   text-align: left;
   position: relative;
   padding-left: 30px;
   padding-top:40px;   
}
.view h2 {
   position: relative;
   padding-left: 30px;
   text-align: left;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 0px 14px 5px 14px;
   background: #BE1E2D;
   color: #E5E09A;
   border:solid #E5E09A 2px;    
   font-size: 18px; 
}

#cucarda{width: 270px;}
<!--============================================= DESCRIPCIÓN PRODUCTOS =======================================================================-->
.descripcion-a{width:100% !important; height:auto !important; display:none;}
.descripcion-imagen{margin-top:10%;}
.descripcion-imagen img{width:100%; height:100%; max-width: }
.descripcion {width: 60%; height: 500px; background-color: rgba(255, 253, 237, 0.8); position: relative; margin: 10% 0;}
.descripcion h1, .descripcion h3, .descripcion p{margin-left:20px;}

#ravioles {height:100%; width:100%; position: relative; margin:0; padding:0; background:url(../img/desc-ravioles.jpg) no-repeat; overflow:hidden; background-size:cover;}
#noquis{height:100%; width:100%; position: relative; margin:0; padding:0; background:url(../img/desc-noquis.jpg) no-repeat; overflow:hidden; background-size:cover;}
#tallarines{height:100%; width:100%; position: relative; margin:0; padding:0; background:url(../img/desc-tallarines.jpg) no-repeat; overflow:hidden; background-size:cover;}
#pizzas{height:100%; width:100%; position: relative; margin:0; padding:0; background:url(../img/desc-pizzas.jpg) no-repeat; overflow:hidden; background-size:cover;}
#platoslistos{height:100%; width:100%; position: relative; margin:0; padding:0; background:url(../img/desc-congelados.jpg) no-repeat; overflow:hidden; background-size:cover;}
#pan{height:100%; width:100%; position: relative; margin:0; padding:0; background:url(../img/desc-panes.jpg) no-repeat; overflow:hidden; background-size:cover;}
#tapas{height:100%; width:100%; position: relative; margin:0; padding:0; background:url(../img/desc-tapas.jpg) no-repeat; overflow:hidden; background-size:cover;}
#galles{height:100%; width:100%; position: relative; margin:0; padding:0; background:url(../img/desc-galles.jpg) no-repeat; overflow:hidden; background-size:cover;}
#masas{height:100%; width:100%; position: relative; margin:0; padding:0; background:url(../img/desc-masas.jpg) no-repeat; overflow:hidden; background-size:cover;}


/*#salsas{width:100%; height:100%; background-color:orange;}*/
/*#tortillas{width:100%; height:100%; background-color:violet;}*/


.iconos-ravioles{background:url(../img/pack-ravioles-icons.png); position:absolute; bottom:-130px; left:30px; width:355px; height:83px;}
.iconos-noquis{background:url(../img/pack-noquis-icons.png); position:absolute; bottom:-130px; left:30px; width:355px; height:83px;}
.iconos-tallarines{background:url(../img/pack-tallarines-icons.png); position:absolute; bottom:-130px; left:30px; width:355px; height:83px;}
.iconos-pizzas{background:url(../img/pack-pizzas-icons.png); position:absolute; bottom:-130px; left:30px; width:355px; height:106px;}
.iconos-congelados{background:url(../img/pack-congelados-icons.png); position:absolute; bottom:-110px; left:30px; width:355px; height:120px;}
.iconos-panes{background:url(../img/pack-panes-icons.png); position:absolute; bottom:-130px; left:30px; width:438px; height:120px;}
.iconos-tapas{background:url(../img/pack-tapas-icons.png); position:absolute; bottom:-130px; left:30px; width:380px; height:65px;}

.iconos-sintacc{background:url(../img/pack-noquis-sintacc.png) no-repeat right; right:-15px; top:30px; width:100%; height: 350px; float:right; position:absolute;}
<!--============================================================================================================================================-->


<!--============================================= FERIAS =======================================================================-->
#apas-saopablo {} 
#alim-barcelona{}
#antad-mexico{}

#alimentaria-logo{}
#antad-logo{background:url(../img/feria-antad-logo.png) no-repeat right; right:0; width:100%; height: 175px; float:right; position:absolute;}
#apas-logo{background:url(../img/feria-apas-logo.png) no-repeat right; right:0; width:100%; height: 175px; float:right; position:absolute;}

.descripcion-ferias {height:480px; background-color:rgba(255, 253, 237, 0.9); position:relative; padding:0px;}
.descripcion-ferias h1, .descripcion-ferias h3, .descripcion-ferias p{margin-left:20px;}
.descripcion-ferias h1 {font-size: 45px !important; line-height: 45px !important;}
.descripcion-ferias h3 {font-size: 25px !important; line-height: 25px !important;}


.ferias-row{margin: 10% 0;}
<!--============================================================================================================================================-->
/*VIDA SIN TACC*/
/*#sintacc {}*/
.clear {clear:both;}
#boton3 a{font-size:15px; color:#808285; width:90%; float:left; padding-left: 10px; text-decoration: none;}
#boton3 img{float: left;}
/*.sintacc-xl{background:url(../img/sintacc-xl.png) no-repeat right; z-index:2; width:900px; height: 900px; margin-left:15%; overflow:hidden; float: right;}*/

/*AGRO*/
.color{color: #9BAC4C;}

/*SECCION CONTACTO*/
.contacto {padding:7% 0 5% 10%;}
.contacto label{width: 100%; max-width: 400px;}
.campo{height:40px; width: 100%; max-width: 400px; margin-bottom:10px; border-style:none; font-family:'Montserrat' sans-serif; font-size:10pt; font-weight:400; padding-left:10px;}
.campo-consulta{height:100px; width: 100%; max-width: 400px; font-family:'Montserrat' sans-serif !important; font-size:10pt !important; font-weight:400; padding:10px;}
.consultas{margin-top:50px;}
.enviar{width:100px; height:40px; color:white; border-style:solid; border-color:white; border-width:2px; cursor:default; background-color:#BE1E2D; 
    margin-top:10px;} 


/* Overwriting styles for control arrows for slides
  * --------------------------------------- */
  .controlArrow.prev {
    left: 50px;
  }
  .controlArrow.next{
    right: 50px;
  }




/*#padre{display: table; height:200px;}
#hijo{display: table-cell; vertical-align: middle;}*/

/*nav*/

/* Agregaremos esta clase a #nav-mobile, cuando el menu mobile haya sido desplegado */
#nav-mobile.nav-active{opacity:1;}

#nav-mobile {
    display: none !important;
    background: url(../img/nav.png) no-repeat center center;
    float: right;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 30px;
    opacity: .8;
    padding: 50px 100px 50px 0;
    z-index: 9999;}



/*MEDIA QUERY*/
@media only screen and (max-width: 1280px) {
    .tabla{padding: 0 2%;}

    /*Productos*/
    .view img {width: 130%; display: block; position: absolute;}
    .mask h4 {font-size: 12px;}
    #boton3 p{font-size: 13px;}

    #slider1_container{top:100px !important;}

    /*Vida sin tacc*/
    #boton3 {background:url(../img/vidasintacc3.jpg) no-repeat 70%; padding: 5% 0% 10% 30%; background-size:cover;}
    #boton4 {background:url(../img/bg-agro2.jpg) no-repeat 35% 80%; background-size:cover;}

    .marca {margin-top: 6%;}

    /*Descripcion-producto*/
    .descripcion-imagen, .descripcion {margin-top: 12%;}
    .iconos-pizzas, .iconos-congelados {bottom: -108px;}

    /*Ferias*/
    .ferias-row{margin: 15% 0 5% 0;}

}


@media only screen and (max-width: 1200px) {
    .marca {margin-top: 1%;}
}


@media only screen and (max-width: 1024px) {
    #slide3{top:7%;}
    #slide4{top:10% !important;}
    .vermas{font-size: 20px !important; padding-bottom: 4%;}

    /*Index*/
    .marca {margin-top: 1%;}

    /*Productos*/
    .productos {margin-bottom: 20px;}

    .view .mask {width: 100%;}
    .view img {display: block; position: absolute; width: 100% !important;}
    .mask img {width: 75% !important;}
    /*.view img:last-child {width: 60% !important;}*/

    .mask h3, .mask h4, .mask img{display:block;}
    .mask a{margin-top: 2% !important;}

    .name{width: 85%;}
    .name h3{font-size: 20px;}

    nav a{padding-right:0px;}
/*menu*/
/*NAV MOBILE*/
    nav li{display:block;}
    /* mostramos #nav-mobile */
    #nav-mobile{display: block !important; z-index: 9999;}
 
    /* Fijamos nuestro nav en 100% ancho y dejamos de flotarlo */
    #menu{width:100%; float:none;}
 
        /* Convertimos nuestra lista de enlaces en un menú horizontal */
        #menu ul{max-height: 0; overflow: hidden; padding:0; z-index: 9999;}
            /* estilos para los LI del menu */
            #menu li{background:rgba(241,130,33,1); float: none; text-align:center; display:block; height:50%; margin-top:0;}
                /* Quitamos el borde del ultimo item del menú */
                #menu li:last-child{ border-bottom: 0;}
 
                #menu li a{height: auto; line-height: normal; width:100%; border-top: 1px solid grey;}
                #menu li a:hover{color:#FBBD97; }
 
        /* Agregamos una animación al despligue del menú */
        #menu ul.open-menu{max-height: 400px; transition: max-height .4s; width: 200%; z-index:99999; margin-top: 70px; background-color: white; float: right;}
    /*NAV MOBILE*/
    #menu a{padding: 15px 0;}
    #menu a:hover{}

    /*df*/
    #boton1 h2{margin-top: 25% !important;}

    /*Vida sin tacc*/
    #boton3 h1, #boton3 p{margin-left: 0 !important;}
    #boton3 a{margin-left: 0;}
    #boton3 .row {margin-left: 0 !important;}

    /*Tabla*/
    #boton1 .tabla, 
    #boton4 .tabla, 
    #ravioles .tabla,
    #noquis .tabla,
    #tallarines .tabla,
    #pizzas .tabla,
    #platoslistos .tabla,
    #pan .tabla,
    #tapas .tabla
    {padding: 0 25px !important;}


    /*Descripcion-producto*/
    .descripcion-imagen, .descripcion {margin-top: 14%;}
    .descripcion h1{font-size: 50px; line-height: 50px; margin-top: 0;}
    .descripcion h3{margin-left: 20px; margin-top: 0 !important;}
    .descripcion p{margin-top: 20px !important;}
    .iconos-sintacc {right: -15px;}
    .iconos-panes, .iconos-tapas, .iconos-pizzas {bottom: -110px;}
    .iconos-noquis, .iconos-ravioles, .iconos-tallarines {bottom: -170px;}
}


@media only screen and (max-width: 1000px) {
    .language{float: right;}
    .language p{display:none !important;}
    .language ul {float:right;}
    .language li {padding-bottom: 20px; display:block;}
    .language{padding-top: 35px;}

    /*df*/
    #boton1 img {margin-top: 90% !important; max-width:250px;}
    #boton1 h2{margin-top: 3% !important;}

    /*Vida sin tacc*/
    #boton3 a {width: 94%;}
}


@media only screen and (max-width: 768px) {
    .name h3 {font-size: 25px;}
    #boton2, #boton4, #boton5{padding-top: 120px;}
    /*menu*/
    .garantia{background:url(../img/garantiadf2.png) no-repeat; width:100%; max-width:100px; height:86px; float: right; margin-left: 25px;}
    .language {padding-top: 10px; padding-right: 5%;}
    .language li {display: inline-block;}
    .marca {margin-left: 0%;}

    /*df*/

    #boton1 h2{margin-top: 5% !important;}

    /*Vida sin tacc*/
    #boton3 {padding-left: 1%;}
    #boton3 a {width: 95%;}


    /*Agro*/
    #boton4 h1{margin-left: 5%;}
    #boton4 img {margin: 10% 0 0 5%; max-width: 80%;}

    /*Productos*/
    .name{bottom: 35px; height: 17%;}
    .view .mask {height: 240px;}
    .mask img {width: 75% !important; top:20px !important;}
    .view-sixth img, .view img{margin: 10px 20px 0 0 !important; max-height: 600px; width: 120%;}
    .mask {margin-top: 10px !important;}

    /*Descripcion producto*/
    .descripcion-imagen {margin-top: 20%; width: 45%;}
    .descripcion {margin-top: 3%; width: 100%;}

    /*Ferias*/
    .ferias-row {margin: 20% 0 5% 0;}
    .ferias-row img{margin: 0 0 15px -15px !important;}
}


@media only screen and (max-width: 640px) {
    /*Slide index*/
    .vermas{font-size: 30px !important; padding-bottom: 5%;}

    /*Vida sin tacc*/
    #boton3 .row {margin-bottom: 4%;}

    /*Productos*/
    .descripcion-a{display:block;}

    .mask{display: none;}
    .name h3 {font-size: 25px;}
    /*.mask img {width: 45% !important;}
    .view .mask {height: 250px;}*/

    /*Descripcion*/
    .iconos-sintacc{background:url(../img/pack-noquis-sintacc-sm.png) no-repeat right; right:-15px; top:20px; width:100%; height: 255px; float:right; position:absolute;}
    .descripcion-imagen {margin-top: 25%;}

    /*Ferias*/
    .ferias-row {margin: 25% 0 5% 0;}
    #alimentaria-logo {top: 20px !important;}

}

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

    h1 {font-size: 40px; line-height: 40px;}

    /*Slide index*/
    .vermas{font-size: 40px !important; padding-bottom: 7%;}

    /*menu*/
    .garantia {margin-left: 0px; float: none;}
    .language ul, .language li {padding: 0px !important;}
    .language {width: 80px;}
    .marca {margin-top: 8%;}

    /*Vida sin gluten*/
    /*#boton3 h1, #boton3 p {margin-left: 2% !important; margin-right: 2%;}*/
    #boton3 .row {margin-left: 1% !important; margin-bottom: 4%;}
    #boton3 {padding-top: 120px;}

    /*Agro*/
    #boton4 {background: url(../img/bg-agro2.jpg) no-repeat 10% 80%;}
    #boton4 img{width: 90% !important;}

    /*Productos*/

    /*contacto*/
    .contacto {padding: 7%;}

    /*Descripcion*/
    .descripcion-imagen {margin-top: 35%;}
    .descripcion {height: 460px;}
    .descripcion p, .descripcion h3, .descripcion h1 {margin-left: 0px;}
    .descripcion h1 {font-size: 35px !important; line-height: 35px !important;}
    .descripcion h3 {font-size: 20px !important; line-height: 22px !important;}

    #pan .descripcion h1 {font-size: 25px !important; line-height: 25px !important;}

    .iconos-panes, .iconos-pizzas {left:0;}
    .iconos-tapas {left:0; bottom: -70px;}
    .iconos-noquis, .iconos-ravioles, .iconos-tallarines {left:0; bottom:-160px;}

    .iconos-panes{background:url(../img/pack-panes-icons-xs.png) no-repeat left; position:absolute; bottom:-95px;}

    /*Ferias*/
    .ferias-row {margin: 30% 0 5% 0;}
    .descripcion-ferias h1 {font-size: 35px !important; line-height: 35px !important; margin-top: 0;}
    .descripcion-ferias p {margin-top: 10px !important; line-height: 18px !important;}

}

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

    .garantia {margin-left: -25px !important; width:150% !important;} 

    /*Productos*/
    .view {width: 100%; max-width: 360px;}
    .name {width: 100%; bottom: 25%;}

    /*Descripcion*/
    .descripcion p, .descripcion h3, .descripcion h1 {margin-left: 0px;}
    .descripcion h1 {font-size: 25px !important; line-height: 25px !important;}
    .descripcion h3 {font-size: 20px !important; line-height: 22px !important;}
    .descripcion {padding-left: 0px;}        
    .descripcion-imagen {margin-top: 45%;}

    /*Descripcion*/
    .iconos-sintacc{background:url(../img/pack-noquis-sintacc-xs.png) no-repeat right; right:-15px; top:20px; width:100%; height: 170px; position:absolute;}

    .iconos-ravioles{background:url(../img/pack-ravioles-icons-xs.png) !important; position:absolute; width:275px; height:65px; left: 10px;}
    .iconos-noquis{background:url(../img/pack-noquis-icons-xs.png); position:absolute; width:275px; height:65px; left: 10px;}
    .iconos-tallarines{background:url(../img/pack-tallarines-icons-xs.png); position:absolute; width:275px; height:65px; left: 10px;}
    .iconos-pizzas{background:url(../img/pack-pizzas-icons-xs.png); position:absolute; width:275px; height:90px; left: 10px;}
    .iconos-congelados{background:url(../img/pack-congelados-icons-xs.png); position:absolute; width:275px; height:93px; left: 10px;}
    .iconos-panes{background:url(../img/pack-panes-icons-xs.png); position:absolute; width:275px; height:70px; left: 10px;}
    .iconos-tapas{background:url(../img/pack-tapas-icons-xs.png); position:absolute; width:275px; height:95px; left: 10px;}

    .iconos-noquis, .iconos-ravioles, .iconos-tallarines, .iconos-pizzas, .iconos-congelados, .iconos-tapas {bottom:-100px;}
    .iconos-panes {bottom:-65px;}

    #pan .descripcion h1, #tapas .descripcion h1{font-size:20px !important; line-height:20px !important;}
    #pan .descripcion h3{font-size:18px !important; line-height:20px !important;}
    #pan .descripcion p {margin-top: 15px !important; line-height: 17px !important;}

    /*Ferias*/
    .ferias-row {margin: 45% 0 0% 0;}
    .descripcion-ferias h3 {font-size: 20px !important; line-height: 22px !important;}

}

@media only screen and (max-width: 320px) {
    /*header*/
    .marca {margin-top: 12%;}

    .language {padding-right:0;}

    /*df*/
    #boton1 h2 {font-size: 13px;}



}