@font-face{
	font-family: 'ubuntubold';
	src: url(../fonts/Ubuntu-B.ttf);
}

.production{
	width: 100%;
	margin: 20px 0 50px 0;
	max-width: 900px;
	min-width: 1024px;
	min-height: 100%;
}

.production header{
	font-family: 'ubuntulight';
	font-size: 49px;
	color: #B51815;
	margin-bottom: 40px;
    text-transform: uppercase;
}


.min{
	font-size: 16px;
	font-family: 'ubuntulight';
	float: left;
}

.middle{
	font-size: 20px;
	font-family: 'ubuntulight';
	text-transform: uppercase;
}

.big{
	font-family: 'ubuntubold';
	font-size: 77px;
	font-weight: bold;
	line-height: 60px;
	color: #A8A8A8;
	margin-left: -7px;
    margin-bottom: 12px;
}

.bold{
	font-family: 'ubuntubold';
	font-size: 35px;
	font-weight: bold;
	color: #A8A8A8;
	margin-left: -3px;
}



.development-power{
	width: 100%;
	list-style: none;
    margin: 0 auto;
}
.development-power li{
    float: left;
    height: 215px;
    margin: 5% 4%;
    width: 25%;
}

.top-part{
	width: 100%;
	border-bottom: 1px solid #9A9B9B;
    height: 180px;
}
.bottom-part{
	width: 100%;
}
#pills div img {
	margin-top: -107px;
	margin-left: 114px;
}
#vials div img {
    margin-left: 125px;
    margin-top: -112px;
}
#ampoules div img {
    margin-left: 134px;
    margin-top: -111px;
}

#antibiotics div img {
    margin-left: 118px;
    margin-top: -106px;
}


#horizontal-parts-1, #horizontal-parts-2{
	float: left;
}

#horizontal-parts-1 img{
	margin-top: 8px;
	margin-left: 3px;
}
#horizontal-parts-2 img{
	margin-top: -12px;
	margin-left: 28px;
}

#horizontal-parts-3 img{
    margin-left: 126px;
    margin-top: -119px;
}


.big-small{
	font-family: 'ubuntubold';
	font-size: 60px;
	font-weight: bold;
	line-height: 60px;
	color: #A8A8A8;
	margin-left: -7px;
}

.bold-small{
	font-family: 'ubuntubold';
	font-size: 28px;
	font-weight: bold;
	color: #A8A8A8;
	margin-left: -3px;
}

#horizontal-parts-2{
	margin-left: 37px;
}

#horizontal-parts-3{
	margin-left: 333px;
}

#syrops div img {
	margin-top: -127px;
	margin-left: 121px;
}
#salves div img {
    margin-left: 119px;
    margin-top: -126px;
}

#xtracts div img {
    margin-left: 139px;
    margin-top: -50px;
}

#pills{
	top:0;
}

#vials{
	top:0;
}

#ampoules{
}
#antibiotics{
}

#syrops{
}
#unsterile{
    width: 46%;
    min-width: 560px;

}

#salves{
}
#xtracts{
}

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

    .development-power li {
        float: left;
        height: 215px;
        margin: 5% 2%;
        width: 25%;
    }

}