* {
    box-sizing: border-box;
}
body {
    padding:0;
    margin:0;
    background-color: #f3f3f3;
}
.logo {
    padding: 50px 0 20px;
    text-align: center;
	background: #cfcfcf; /* Old browsers */
background: -moz-linear-gradient(top, #cfcfcf 0%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cfcfcf 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cfcfcf 0%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cfcfcf 0%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom, #cfcfcf 0%,#f3f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.logo a {
	display: inline-block;
    max-width: 100%;
    padding: 0 15px;
}
.logo img {
	max-width: 400px;
	width: 100%;
}
.middle {
    /*background: #f2f1f1;
background: -moz-linear-gradient(top,  #f2f1f1 0%, #d9dde0 50%, #f2f1f1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f1f1), color-stop(50%,#d9dde0), color-stop(100%,#f2f1f1));
background: -webkit-linear-gradient(top,  #f2f1f1 0%,#d9dde0 50%,#f2f1f1 100%);
background: -o-linear-gradient(top,  #f2f1f1 0%,#d9dde0 50%,#f2f1f1 100%);
background: -ms-linear-gradient(top,  #f2f1f1 0%,#d9dde0 50%,#f2f1f1 100%);
background: linear-gradient(to bottom,  #f2f1f1 0%,#d9dde0 50%,#f2f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f1f1', endColorstr='#f2f1f1',GradientType=0 );
*/
    padding-bottom: 30px;
    padding-top: 40px;
}
h2 {
    font-family: 'Roboto';
    font-size: 32px;
    line-height: 1;
    text-align: center;
    font-weight: 400;
    margin:0;
    margin-bottom: 30px;
}

nav ul {
    list-style: none;
    padding:0;
    margin:0;
    text-align: center;
}
nav ul li {
    display: inline-block;
    /*margin-right: 30px;*/
    padding: 10px 30px;
    position: relative;
}
nav ul li:last-child {
    margin-right: 0;
}
nav ul li a{
    font-size: 22px;
    font-family: 'Roboto';
    font-weight: 300;
    color: #000000;
    text-decoration: none;
    
}
nav ul li a:hover {
	color: #777;
}
nav ul li a:hover:after{
    content:" ";
    background: #e6eaec;
background: #e6eaec;
background: -moz-linear-gradient(left,  #e6eaec 0%, #a2a5a6 50%, #e6eaec 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e6eaec), color-stop(50%,#a2a5a6), color-stop(100%,#e6eaec));
background: -webkit-linear-gradient(left,  #e6eaec 0%,#a2a5a6 50%,#e6eaec 100%);
background: -o-linear-gradient(left,  #e6eaec 0%,#a2a5a6 50%,#e6eaec 100%);
background: -ms-linear-gradient(left,  #e6eaec 0%,#a2a5a6 50%,#e6eaec 100%);
background: linear-gradient(to right,  #e6eaec 0%,#a2a5a6 50%,#e6eaec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6eaec', endColorstr='#e6eaec',GradientType=1 );


    position:absolute;
    width:100%;
    height:1px;
    bottom:2px;
    left:0;
}
nav ul li a img {
	padding-bottom: 6px;
    vertical-align: middle;
	width: 40px;
}

footer {
    width: 100%;
	
}
.bxslider {margin: 0;}
.bx-wrapper .bx-viewport {background: none; border: none; box-shadow: none;}

.veryfooter {
	font-family: Roboto;
    font-size: 14px;
    padding-top: 30px;
    text-align: center;
}
.copyright {
    font-size: 13px;
    padding-top: 8px;	
}
@media screen and (max-width:768px){
	.logo {
		padding: 50px 0 10px;
		
	}
	h2 { font-size: 25px; }
	nav ul li { width: 100%; padding: 4px 30px;}
	nav ul li a { font-size: 22px; }
	nav ul li a img { width: 35px; }
	
}