.banner-caption h1{
	font-size:48px;
}
li span{
	color: #339BEB;
	font-weight: 600;
}
.badge{
	background-color: #339BEB;
}
.media-body h4.media-heading{
	margin-top: 5px;
}
.circle-image{
    width:100%;
    height:300px;
    background-color:#FFFFFF;
	background-repeat: no-repeat;
    display:block;
    background-position-y:48%;
    background-position-x:48%;
}
.panstone{
	background-color:#FFFFFF;
	background-image:url("../images/oferta_logo/panstone.jpg");
	background-repeat: no-repeat;
    background-position-y:48%;
    background-position-x:48%;
    background-size: auto 50%;
}
.pmg{
	background-color:#FFFFFF;
	background-image:url("../images/oferta_logo/pmg.png");
	background-repeat: no-repeat;
    background-position-y:48%;
    background-position-x:48%;
    background-size: auto 75%;
}
.epaflex{
	background-color:#FFFFFF;
	background-image:url("../images/oferta_logo/epaflex.png");
	background-repeat: no-repeat;
    background-position-y:48%;
    background-position-x:48%;
    background-size: auto 100%;
}
.softer{
	background-color:#FFFFFF;
	background-image:url("../images/oferta_logo/softer.jpg");
	background-repeat: no-repeat;
    background-position-y:48%;
    background-position-x:48%;
    background-size: auto 50%;
}
.media-body img.media-object{
	max-width: inherit;
	
}
.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto 25px;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
	cursor:default;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(85, 172, 238, 0.9);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

@media(max-width:768px) {
	.text-right{
		text-align:left;
	}
	.panstone{
		background-size: auto 50%;
	}
	.pmg{
		background-size: auto 50%;
	}
	.epaflex{
		background-size: auto 100%;
	}
	.softer{
		background-size: auto 50%;
	}
	.navbar-toggle{
		margin-top: 22px;
	}
	.navbar .container{
		margin-bottom: 10px;
	}
	.media-left i, .media-right i{
		display:none;
	}
	.media-left, .media-right{
		display:block;
	}
	.media-left{
		margin-bottom: 5px;
	}
	.media-right{
		margin-top:5px;
	}
    .banner-caption h1{
        font-size: 36px;
		margin-bottom: 10px;
    }

    p.lead {
        font-size: 13px;
    }
	
	h1{
		font-size: 32px;
	}
	
	h2{
		font-size: 24px;
		margin-bottom: 20px;
		font-weight: 600;
	}
}
@media (min-width:383px) and (max-width:568px) and (orientation: landscape) {
	.banner-caption{
		top: 40%;
	}
	.banner-caption .lead{
		margin-bottom: 5px;
		line-height: 1.1;
	}
}
@media(max-width:319px) {
	body{
		font-size: 12px;
	}
	.banner-caption h1 {
		font-size: 24px;
	}
    p.lead {
		line-height: 12px;
        font-size: 12px;
    }
	.logo{
		width:120px;
	}
	.list-icons {
		font-size: 12px;
	}
	.media-body img.media-object {
		max-width: 100%;
	}
	ul{
		padding-left:20px;
	}
	ul li ul, ul li ul li ul{
		padding-left:10px;
	}
	h1{
		margin-top:0;
		margin-bottom:10px;
		font-size: 20px;
	}
	
	h2{
		font-weight: 600;
		margin-top:0;
		margin-bottom:10px;
		font-size: 16px;
	}
	
	h4{
		margin-top:0;
		margin-bottom:0;
		font-size: 14px;
	}
}