Se utiliza el archivo main.css personalizado que interactua con el bootstrap:
/*Archivo style.css*/ body { margin-bottom: 283px; background: url(../img/mitin.jpg) center center no-repeat; background-size: cover; } .page-header{ border-bottom: #E8E8E8 dotted 1px; margin: 15px 0 20px; padding-top: 1px; background-color: #F0F0F0; } .page-header h1{ font-family: 'robotobold'; } .page-header h2{ font-family: 'robotolight'; margin-top: 0; padding-top: 0; color: #9a0822; font-size: 40px; font-weight: bolder; } .contenedor-principal{ background-color: #FFFFFF; } .contenedor-principal section{ padding: 0 20px; } .full-width-slider .slide{ width:750px; } .post-inner{ padding:0 15px 15px 15px; text-align: justify; } .blog-post.big .post-image{ float:none; display:block; width:100%; margin:0 0 20px; } .blog-post:before, .blog-post:after{ content:""; display:table; } .blog-post:after { clear:both; } .blog-post { zoom:1; text-align: justify; } .blog-post.big{ margin-bottom:50px; margin-top:10px; text-align: justify; overflow:hidden; } .blog-post.big.no-bottom{ margin-bottom:15px; } .blog-post.big .post-image{ float:left; width:20%; margin-right:30px; } .post-image img{ width:100%; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .post-title{ margin:20px 0 7px; } .blog-post.big .post-title{ margin-top:0; font-size:24px; font-weight:400; } .post-meta{ margin-bottom:15px; line-height:16px; } .post-meta>span{ display:inline-block; font-size:13px; color:#95999e; line-height:16px; } .blog-post a.button{ margin-top:11px; } .estructura img{ width: 100%; } .title-form{ padding-bottom: 20px; } .footer { position: absolute; bottom: 0; width: 100%; height: 283px; background-color: #f5f5f5; } body > .container { padding: 60px 15px 0; } .container .text-muted { margin: 20px 0; } .footer > .container { padding-right: 15px; padding-left: 15px; } code { font-size: 80%; } .navbar-default{ background: #830411; /* Old browsers */ } #footer{ -webkit-transform: translateZ(0px); position:relative; } #main-footer{ background:#242327; color:#D6D5D9; } #lower-footer{ background: #161517; color:#D6D5D9; padding-top: 15px; padding-bottom: 15px; } #main-footer, #lower-footer{ -webkit-transform: translateZ(0px); transition: margin 0.3s, padding 0.3s; -webkit-transition: margin 0.3s, padding 0.3s; -moz-transition: margin 0.3s, padding 0.3s; } .boxed-layout #main-footer, .boxed-layout #lower-footer{ padding-left:30px; padding-right:30px; margin-left:-30px; margin-right:-30px; } #main-footer>.row>div:before, #main-footer>.row>div:after { content:""; display:table; } #main-footer>.row>div:after { clear:both; } #main-footer>.row>div { zoom:1; } #main-footer{ padding-top:50px; padding-bottom:30px; -webkit-transform: translateZ(0px); } #main-footer h4{ margin-top:0; text-transform:uppercase; font-weight:400; margin-bottom:22px; } #lower-footer .social-media ul{ float:right; margin:0; } #lower-footer .social-icons{ margin-left:20px; } .copyright { padding-top: 13px; margin: 0; } .banner-wrapper + .social-media, .sidebar-box + .social-media, .social-media + .banner-wrapper, .social-media + .sidebar-box { margin-top:20px; } .social-icons, .social-buttons{ list-style:none; margin:0; padding:0; } .social-buttons{ overflow:hidden; } .small-caption + .social-icons{ margin-top:3px; } .social-icons li, .social-buttons li{ display:inline-block; margin:4px 0; } .social-buttons li{ float:left; margin-right:4px; height:25px; } .social-buttons li.facebook-share>div{ position:relative; top:-2px; } .social-buttons li.twitter-share>iframe{ width:95px!important; } .social-buttons li:last-child{ margin-right:0; } .social-icons li>a{ display:block; width:35px; height:35px; color:#fff; background:#444; text-align:center; font-size:16px; padding-top:5px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } .social-icons .facebook>a{ background-color:#4862a3; border-top:1px solid #5e80bf; border-bottom:1px solid #3a4e82; } .social-icons .twitter>a{ background-color:#40bff5; border-top:1px solid #53d2f8; border-bottom:1px solid #36a6d6; } .social-icons .google>a{ background-color:#eb5b4c; border-top:1px solid #f17663; border-bottom:1px solid #cc4f42; } .social-icons .youtube>a{ background-color:#cd322c; border-top:1px solid #dc4139; border-bottom:1px solid #ac2823; } .social-icons .flickr>a{ background-color:#ff1981; border-top:1px solid #ff21a7; border-bottom:1px solid #d8166e; } .social-icons .email>a{ background-color:#324e79; border-top:1px solid #41669e; border-bottom:1px solid #243f6a; } .social-icons .instagram>a { background-color: #444; border-top: 1px solid #444; border-bottom: 1px solid #444; } .team-box { color: #8f8f8f; font-size: 11px; font-weight: 700; overflow: hidden; line-height: 20px; text-align: center; position: relative; background: #f8f8f8; text-transform: uppercase; }