body {
  background-color: #fff; }
#heading{
  width: 100%;
  display:flex;
}
.title{
  width: 20%;
}
.summary{
  width: 80%;
}
.paragraph {
  line-height: 1.5em;
  letter-spacing: 0.12em; }

header {
  border-bottom: solid 0.1em #000; }

header a {
  color: #000; }

.gallery-description {
  list-style-type: none;
  font-size: 1em; }

.gallery-title {
  font-size: 1.3em;
  font-weight: normal; }

.image img {
  border: solid 0.1em #fff; }

.image img:hover {
  border: solid 0.1em #000; }

footer {
  border-top: solid 0.1em #000; }
footer{
    a{
    color:#000
  };
    a:hover{
      text-decoration: underline;
    }}


@media (max-width: 640px) {
  #f-2, #f-3, #f-4 {
    border-top: dashed 0.1em #000; } }
@media (min-width: 640px) and (max-width: 960px) {
  #f-1, #f-3 {
    border-right: dashed 0.1em #000; }

  #f-3, #f-4{
    border-top: solid 0.1em #000; } }
@media (min-width: 960px) and (max-width: 1280px) {
  #f-1, #f-2 {
    border-right: dashed 0.1em #000; }

  #f-4 {
    border-top: solid 0.1em #000; } }
@media (min-width: 1280px) {
  #f-1, #f-2, #f-3 {
    border-right: dashed 0.1em #000; } }

#contact-form-bg, #contact-form-box {
  background-color: #fff; }

#contact-form-box {
  border: solid 0.1em #000; }

#contact-form-title {
  border-bottom: solid 0.1em #000; }

#contact-form-x:after {
  border-left: solid 0.1em #000; }
#contact-form-x:before {
  border-left: solid 0.1em #000; }

#contact-form-body button {
  background-color: #fff;
  border-color: #000; }

#contact-form-body button:hover {
  color: #fff;
  background-color: #000; }