@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,700,100italic,300italic,400italic,700italic);

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  display: flex; 
  overflow-y: scroll;
  flex-direction: column;

 }

img{
	max-width: 100%;
	height: auto;
}
nav li {
display: inline-block;
letter-spacing: 1.2px;

padding-right: 5px;
padding-left: 5px;
}
nav li:last-child {
  border-right: 0;
}
.navbar img{
  max-width: 200px;
}
.menu_2 {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 860px) {
.logo_menu {
  position: fixed;
  display: none;
  }
}

@media screen and (max-width: 760px) {
nav li {
  border: 0;

  }
}

@media screen and (min-width: 860px) {
.logo_menu2 {
  position: fixed;
  display: none;

  }
}


.logo_menu2 img {
  height: 70px;
}

.logo_img {


  width: 152px;
}
.mt-menu {
  margin-top: 135px;
}


header .nav-item{
	text-transform: uppercase;
}
header .nav-item a::after {
	content: '';
	display: block;
	width: 100%;
  background-color: green;
  height: 1px;
  transform: scale(0);
  transition: all .2s;
}
header .nav-item a:hover::after{
	transform: scale(1);
}

.fond_links a {
  color: green;
  text-decoration: none;
}
.fond_links a:hover {
  color: red;
}

.thumb img {
            -webkit-filter: grayscale(1);
            border-radius: 10px;

            padding: 5px;
        }
 .thumb img:hover {
            filter: none;
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
        }
.thumb {
            padding: 10px;
            

        }




.content {

  min-height: 80vh;
}

footer {
  background-color: darkgreen;
  width: 100%;
  padding: 20px 0;
  
 
}

footer a {
  color: #fff;
  padding:  10px;
  text-transform: uppercase;
}

footer a:hover{
  color: gray;
  text-decoration: none;
  
}


.contact_area {
  margin: 30px;
  min-height: 370px;
  text-align: center;
}

@media screen and (max-width: 760px) {
  .contact_area {
  margin: 10px;
  text-align: center;
}
}

.c-white {
  color: #fff;
}