ajustar detalles en recetario y añadir padding inferior a varias paginas

fuel/app/views/receta/index.twig

@@ -8,7 +8,7 @@
         </div>
     </div>
     <!--contenido-->
-    <div class="container mt20" >
+    <div class="container mt20 pb40" >
         <div class="row">
             <div class="col-md-7">
                 {% include 'content.twig' %}

fuel/app/views/recetario/index.twig

@@ -13,7 +13,7 @@
             {% include 'filters.twig' %}
         </div>
 
-        <div>
+        <div class="pb40">
             {% include 'list.twig' %}
         </div>
 

fuel/app/views/recetario/list.twig

 {% for i in 0..11 %}
     <!--item lista, una receta-->
-    <div class="receta-and-articulo-item-list pointer" style="background-image:url('assets/img/receta/receta.jpg')">
+    <div class="receta-and-articulo-item-list pointer mt10" style="background-image:url('assets/img/receta/receta.jpg')">
         <a href="receta-detalle">
             <div class="black-overlay">
                 <div class="text-receta-and-articulo-item-list">

public/assets/css/custom.css

@@ -7,6 +7,7 @@ body{
     letter-spacing: 0.01em;
     color: #333;
 }
+
 /*----------------------------------------------------*/
 /*--------------COLORES CORPORATIVOS------------------*/
 /*-------------------------------------------------------*/
@@ -527,7 +528,10 @@ a:focus {
 
 }
 .text-receta-and-articulo-item-list{
-color:#fff;
+    color:#fff;
+    position:absolute;
+    bottom:20px;
+    left:20px;
 }
 
 .black-overlay {