.width-30 {
width: 23%;
margin: 2% 3%;
}
.header {
    min-height: 20vh;
}
.catalog {
min-height: 80vh;
text-decoration: none;
text-align: center;
font-weight: 400;
font-size: 18px;

background: -moz-linear-gradient(-45deg, #21146c 0%, #532691 75%, #8c3bbc 100%);
background: -webkit-linear-gradient(-45deg, #21146c 0%, #532691 75%, #8c3bbc 100%);
background: linear-gradient(135deg, #21146c 0%, #532691 75%, #8c3bbc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21146c', endColorstr='#8c3bbc', GradientType=1);
}
.header img {
max-width: 98%;
padding:1%;
}

.width-50 {
width: 96%;
margin: 2% auto 0%;
}

h3 {
font-size: 16px;
}

h1 {
text-transform: uppercase;
font-size: 20px;
font-family: opensans-regular;
font-weight: 500;
}

.large {
text-transform: uppercase;
font-size: 20px;
}

.logo img {
margin-right: 2%;
width: 96%;
}

.display-inline {
display: inline-block;
vertical-align: middle;
}

@media (min-width: 1000px) {
	
	.catalog {
	min-height: 60%;}
.header img {
max-width: 85%;
padding: 3%;
}
.catalog {

min-height: 60%;
}

.catalog a {
color: #fff;
font-size: 18px;
}

.header {
text-align: center;
min-height: 40%;
padding: 0;
}

h1 {
font-size: 36px;
font-family: opensans-regular;
font-weight: 500;
}

.large {
font-size: 30px;
}

.logo {
margin-right: 2%;

}

.width-50 {
width: 44%;
margin: 4% 2%;
}

.width-30 {
width: 21%;
margin: 4% 5%;
}

}

.catalog img {
max-width: 100%;
}


.header {
color: #0071ba;
}

h3 {
text-transform: uppercase;
font-weight: normal;
text-decoration: none;
}

h3 a {
text-decoration: none;
}

@font-face {
font-family: m-bold;
src: url(/sites/all/themes/tm_2_0/css/fonts/Montserrat-Bold.otf);
}

@font-face {
font-family: 'Montserrat';


url('/sites/all/themes/tm_2_0/css/fonts/Montserrat-Light.otf') ;

font-weight: 400;
font-style: normal;
}

body {
font-family: 'Montserrat';
font-size: 16px;
line-height: 1.8;
margin: 0;
}

.catalog a {

color: #fff;
}

.logo {
text-align: center;

}



.right {
text-align: right;
}

.left {
text-align: left;
}