@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic');
.cats-menu {
margin-top: 15px;
margin-bottom: 15px;
}
.cat-list {
	list-style: none;
	padding: 0;
}
.cat-list li {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
width: 100%;

}
.cat-list a {
border: 1px solid #dedee0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;	
font-weight: bold;
margin-bottom:10px;
text-transform: uppercase;
	text-decoration: none;
	color: #346cb0;
	font-size: 15px;
	padding-left: 50px;
padding-bottom: 10px;
padding-top: 10px;
	position: relative;
	outline: none;
background: #ffffff; 
display:block
}
.cat-list a:hover {
	color: #ed9727;
text-decoration: underline;
	outline: none
}
.cat-list a i {
	display: block;
	width: 25px;
	height: 25px;
	background: url(icons.png) no-repeat;
	position: absolute;
left: 15px;
	top: 9px;
	z-index: 2
}
.cat-list a i.math {
	background-position: 0 0;
}
.cat-list a i.generatory {
	background-position: 0 -35px;
}
.cat-list a i.finansy {
	background-position: 0 -70px;
}
.cat-list a i.konvert {
	background-position: 0 -105px;
}
.cat-list a i.beremennye {
	background-position: 0 -140px;
}
.cat-list a i.massa {
	background-position: 0 -175px;
}
.cat-list a i.personal {
	background-position: 0 -210px;
}
@media only screen and (max-width: 575px) {
.h1, h1 {
    font-size: 1.4rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h2, h2 {
    font-size: 1.2rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h3, h3 {
    font-size: 1.1rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h4, h4 {
    font-size: 1.1rem;
    border:0;
    padding-bottom: 0;
    font-weight:bold;
}
.h5, h5 {
    font-size: 1.1rem;
    border:0;
    padding-bottom: 0;
}