/* @font-face {
  font-family: 'Geometria';
  src: url('font/Geometria.otf');
  font-weight: normal;
  font-style: normal;
} */


* {
  text-decoration: none;
  list-style-type: none;
}
body {
  padding-bottom: 20px;
  margin: 0px;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  background-color: #ffffff;
}

h1 {
  color: black;
  font-size: 25px;
  text-align: center;
  font-weight: normal;
}

.work h4 {
  color: #948f8f;
  margin: 2px 0;
}

.work_int h4 {
  color: #000000;
  margin: 5px 0;
}

.item_works {
  max-width: 900px;
  margin: 5px auto;
}

.item_works h4 {
  text-align: center;
  font-weight: normal;
}

.work {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.work__img {
  max-width: 600px;
  padding: 0 2px;
}

.work img {
  width: 100%;

  display: block;

  margin: 25px auto;
}

.work a {
  text-align: center;
  width: 100%;
}

.work_int {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
}

.work_int__col-2 {
  width: 50% !important ;
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.work_int__link {
  width: 300px;
  height: 350px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.work_int__link div {
  width: 90%;
  margin: 25px auto;
  filter: grayscale(1);
  transition: 2s;
}

.work_int div img:hover {
  filter: grayscale(0);
}

/* .work_int div a {
  display: block;
  text-align: center;
  width: 100%;
} */

.work_int div a div {
  width: 290px;
  height: 290px;
  background-size: cover;
  margin: 5px;
  filter: grayscale(1);
  transition: 2s;
}

.work_int div a div:hover {
  filter: grayscale(0);
}

/*footer*/

footer {
  width: 100%;
  height: 70px;
  margin: 30px 0 0 0;
  padding: 0;
  border-radius: 5px;
  text-align: right;
}

.button-up {
  top: 92vh;
  right: 20%;
  opacity: 0.5;
  position: fixed;
  margin-right: -25px;
  background-image: url(up.png);
  background-origin: content-box;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  transition: all 0.3s linear;
  cursor: pointer;
  z-index: 99999;
  display: none;
}

.button-up:hover {
  transform: translate3d(0, -10px, 0);
  opacity: 1;
}

.social_footer {
  margin: 60px 0 0;
  display: flex;
  justify-content: center;
}

.social_footer > a > img {
  width: 35px;
  margin: 0 3px;
}