@font-face {
    font-family: 'Lato L';
    src: url('../../fonts/Lato-Light.woff2') format('woff2'),
        url('../../fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato H';
    src: url('../../fonts/Lato-Heavy.woff2') format('woff2'),
        url('../../fonts/Lato-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

table{
	border-spacing: 0;
}

h1, h2, h3, h4.mix, h5, p, a, ul, li, label, option, figure{
	margin: 0;
	padding: 0;
	text-decoration: none;
}

h1{
	font-size: 55px;
    line-height: 55px;
    font-weight: lighter;
}

h2{
	font-family: 'Lato';
	font-size: 34px;
}

h3{
	font-family: 'Lato H';
	font-size: 18px;
	text-transform: uppercase;
	color: #dce400;
}

h4.mix{
	font-family: 'Lato H';
	font-size: 12px;
	text-transform: uppercase;
}

h5{
	font-family: 'Lato';
	font-size: 11px;
	color: #b9b9b9;	
}

p{
	font-size: 16px;
}

.mix{
	display: block;
	cursor: pointer;
	color: #343434;
}

.mix-fix-body h3 {
    text-transform: none;
}

.mix-fix-body p {
    font-size: 15px;
}

.mix-fix-body .breadcrumbs p {
    font-size: 14px;
}

.mix-fix-body .productDesc01 .infoline p {
    font-size: 12px;
}

/*:::::::::::::::::::::::*/
/* RESPONSIVE */
/*:::::::::::::::::::::::*/

@media all and (max-width: 800px){
	h2{
		font-size: 28px;
	}
	p{
		font-size: 14px;
	}
}