.img_left {
  float: left;
  margin: 0 20px 10px 0;
}

.img_right {
  float: right;
}

/* ========================================= */

header {
  min-height: 100px;
}

.logo {
  margin-left: 20px;
  margin-bottom: 20px;
}

.logo a {
  display: inline-block;
}

.img-logo {
  margin: 10px;
}

.article-photos {
    padding-top: 20px;
}

.copyright {
  float: none;
  width: auto;
}


.text_bottom {
  display: inline-block;
  margin: 5px;
}


.menu_bottom {
  width: 450px;
  max-width: 90%;
  text-align: left;
}

form {
  max-width: 100%;
}

input {
  max-width: 100%;
}

textarea {
  max-width: 100%;
}

.contact_input {
  width: 300px;
}

@media only screen and (max-width:480px) { /* Smartphone */
  .logo {
    margin-left: 0px;
    font-size:19px;
  }
}

@media only screen and (max-width:300px) { /* small phone */
  .logo {
    margin-left: 0px;
    font-size:17px;
  }
}