body {
    width:100%;
    padding:0;
    margin:0;
    font-family: Helvetica;
}

.header {
    width:99%;
    padding: 10px 0.5%;
    text-align:center;
}

#logo {
    width:40%;
}

.footer {
    padding:120px 10% 30px 10%;
    width:80%;
    display:table;
}

.hero {
    background-image: url("vertigo-project-1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: background-image 0.1s ease-in-out;
    transition: background 2s ease-in-out;

    min-height:750px;
    max-height:1456px;
    max-width:80%;
    margin:0 auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:relative;
}

.hero-buttons {
    max-width:80%;
    margin:0 auto;
    border:0;
    background:#fff;
}

.hero-btn {
    background:#fff;
    position:relative;
    border:none;
    outline:none;
    font-size:20px;
}

#hero-back {
    float:left;
}

#hero-forward {
    float:right;
}

.hero-caption {
    font-size:10px;
    display:inline-block;
    vertical-align: top;
}

.hero-caption-right {
    text-align:right;
    width:59%;
}

.hero-caption-left {
    text-align:left;
    width:40%;
}

.hero-caption-container {
    display:block;
    padding:10px 0;
    width:80%;
    margin:0 auto;
}

.content {
    margin:0 auto;
    width:80%;
    text-align:center;
    color:#6b6a6a;
    line-height: 30px;
    padding:10px 0 20px 0;
}

h2 {
    padding:10px 0 0 0;
    margin:0;
    font-weight:normal;
    font-size:18px;
    color:inherit;
}

p {
    font-size:16px;
    margin:0;
    font-family:Arial;
}

.footer-item {
    white-space:nowrap;
    display:table-cell;
    text-align:center;
    padding:5px 0.5% 5px 0;
    font-size:20px;
    align-items: center;
    font-family:Times;
    text-align:right;
    width:99%;
}

.footer-item sup {
    font-size:8px;
}

a {
    color: #000;
    text-decoration: none;
    border: 0;
}


.photolondon-logo {
    font-family:Times;
    font-weight:bold;
    font-size:20px;
    text-align:left;
    line-height:23px;

}

.photolondon-address {
    font-family:Helvetica;
    font-size:14px;
    text-align:left;
    letter-spacing: 2px;
    line-height:23px;
    text-transform: uppercase;
}

.danzigergallery-logo {
    font-family:Didot;
    line-height:23px;
    text-align: left;
}

.danzigergallery-logo a {
    font-weight:normal;
}

.danzigergallery-logo-red {
    color:#a10d0c;
}

.footer-logo {
    width:18.3%;
}

.footer-media {
    width:15%;
}

.footer-sales, .footer-artist, .footer-insta {
    width:10%;
}

.footer-insta {
    width: 10.1%;
}

.footer-links {
    text-transform: uppercase;
    font-weight:bold;
}

.footer-right {
    text-align:right;
}

.press-col {
    font-size:0.75em;
}

.press-col a {
    display:block;
    font-weight:normal;
}

.footer-area-contact a:hover, .press-col a:hover {
    font-weight:bold;
}

.footer-area-social img {
    height:30px;
    vertical-align: top;
}

.footer-grid {
    display:grid;
    grid-template-columns: 3fr 3fr 2fr 1fr 1fr;
    grid-template-areas: 
    "hgdbt hgallery hmedia hcontact hsocial"
    "hgdbt gallery media contact social";
    text-align:center;
    padding:5px 0.5% 5px 0;
    font-size:20px;
    align-items: center;
    font-family:Times;
    text-align:right;
    width:99%;
    column-gap:2em;
    row-gap: 0.5em;
}

.footer-area-hgdbt {
    grid-area: hgdbt;
    align-self:start;
}

.footer-area-hgdbt img {
    width:80%;
}

.footer-area-gdbt {
    grid-area: gdbt;
}

.footer-area-hgallery {
    align-self: baseline;
    grid-area: hgallery;
    text-transform: uppercase;
    font-weight:bold;
    align-self: baseline;
    text-align:left;
}

.footer-area-logo2 .footer-area-address, .footer-area-logo3 .footer-area-address {
    font-size:12px;
}

.footer-area-hmedia {
    grid-area: hmedia;
    text-transform: uppercase;
    font-weight:bold;
    align-self: baseline;
}

.footer-area-gallery {
    grid-area: gallery;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.footer-area-media {
    grid-area: media;
    text-transform: uppercase;
    align-self: start;
    font-weight:bold;
}

.footer-area-hcontact {
    grid-area: hcontact;
    text-transform: uppercase;
    font-weight:bold;
    align-self: baseline;
}

.footer-area-contact {
    align-self: start;
    grid-area: contact;
    display:flex;
    flex-direction:column;
    text-transform: uppercase;
    row-gap: 15px;
}

.footer-area-hsocial {
    grid-area: hsocial;
    text-transform: uppercase;
    font-weight:bold;
    align-self: baseline;
}

.footer-area-social {
    grid-area: social;
    align-self: start;
    text-align:right;
    display: flex;
    flex-direction: column;
    row-gap:15px;
}

.footer-area-address {
    font-family:Helvetica;
    font-size:14px;
    text-align:left;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.footer-area-address p {
    font-size: inherit;
    display:block;
    padding:0;
    margin:8px 5px 8px 0;
}

.footer-grid img {
    line-height:23px;
    display:block;
    text-align: left;
    padding-right:10px;
    max-width: 100%;
}

.footer-area-gallery img {
    height:25px;
}

.footer-area-social img {
    line-height:23px;
    display:inline-block;
    text-align: right;
}

.CookieDeclaration {
    display:none;
}

@media only screen and (max-width: 1910px) {
    .footer-grid {
        font-size:16px;
    }

    .footer-area-address {
        font-size:11px;
    }

    .footer-area-address p {
        font-size:10px;
    }

    .footer-area-hlogo2 img {
        height:14px;
    }
  }

  @media only screen and (max-width: 1630px) {
    .content {
        width:90%;
    }
    
    .hero {
        max-width:90%;
    }

    .hero-caption-container {
        width:90%;
    }

    .hero-buttons {
        max-width:90%;
    }

    .footer {
        width:90%;
        padding:120px 5% 30px 5%;
    }
  }