/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .big { font-size: 32px; }
    .zolotoi { font-size: 36px; }	
    .zoloto { font-size: 26px; line-height: 33px; }	
	h4 { font-size: 22px; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .big { font-size: 28px; }
    .zolotoi { font-size: 32px; }	
    .zoloto { font-size: 26px; line-height: 33px; }	
	h4 { font-size: 22px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .big { font-size: 24px; }
    .zolotoi { font-size: 28px; }	
    .zoloto { font-size: 24px; line-height: 30px; }	
	h4 { font-size: 20px; }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .big { font-size: 20px; }
    .zolotoi { font-size: 24px; }	
    .zoloto { font-size: 20px; line-height: 25px; }	
	h4 { font-size: 16px; }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {
    .big { font-size: 20px; }
    .zolotoi { font-size: 24px; }	
    .zoloto { font-size: 20px; line-height: 25px; }	
	h4 { font-size: 16px; }
} 


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}