div.navbar {
    background-color: #a87c63;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    border-radius: 5px;
}
div.navbar_click {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
@media all and (max-width: 800px) {
div.navbar {
    flex-direction: column;
    }
div.navbar_click {
    flex-direction: row;
    justify-content: space-around;
    }
}
@media all and (max-width: 500px) {
div.navbar {
    flex-direction: column;
    }
div.navbar_click {
    flex-direction: column;
    }
}

div.title {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 3% 20% ;
}

img.header {
    width: 230px;
    height: 87.5px;

    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
img.header:hover {
    -webkit-transform: rotate(8deg) scale(1.3);
    transform: rotate(8deg) scale(1.3);
}

.h1_header {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
.h1_header:hover {
    -webkit-transform: rotate(8deg) scale(1.3);
    transform: rotate(8deg) scale(1.3);
  }