* { margin:0;padding:0;box-sizing:border-box;}




/* –––––––––––––––defaults–––––––––––––––– */

body {
    color: #000;
    font-size: 19px;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
}

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

a:hover {
    text-transform: italic;
}

h1 {
    font-size: 4em;
    padding: .75em 0 .5em;
    text-align: center;
    width: 100%;
}
h2 {
    font-size: 2em;
    padding: 1.5em 0 1em;
    text-align: left;
    width: 100%;
}

p {
    line-height: 125%;
    margin-bottom: .5em;
}


/* ––––––––––––––––navbar––––––––––––––––– */

header {
    position: fixed;
    width: 100%;
}

header a {
    display: block;
    padding: 0.4210526316em;
}

nav li {
    float: left;
    width: 16.6666666667%;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
}

nav li:nth-child(odd) {
    background-color: #E5E5E5;
}

nav li:nth-child(even) {
    background-color: #C8C8C8;
}

nav a:hover {
    background-color: #000;
    color: #fff;
}

/* -- responsive menu button -- */
.menu-btn {
    display: none;
}
.responsive-menu {
    display: none;
}


/* ––––––––––––––––main & sections––––––––––––––– */

main {
    padding-top: 1.6em;
}

section {
    margin: auto;
    padding: 0 6vw 2.5em;
}

#projects {
    padding: 0;
}

#about {
    background: #D3D3D3;
}

#contact {
    background: #FFF;
}


/* ––––––––––––––––projects––––––––––––––––– */

#projects div {
    text-align: center;
    width: 100vw;
}

#projects svg {
    max-height: 7.8vw;
}

#projects a {
    display: block;
    padding: 2.5em 1em;
}

/* -- Nuart Festival link style, hover style -- */
#festival a {
    background-color: #FF4713;
    fill: #FFF;
}
#festival a:hover {
    background-color: #FFF;
    fill: #FF4713;
}

/* -- Nuart Aberdeen link style, hover style -- */
#aberdeen a {
    background-color: #763cbd;
    fill: #fff;
}
#aberdeen a:hover {
    background-color: #fff;
    fill: #763cbd;
}

/* -- Nuart Rad link style, hover style -- */
#rad a {
    background-color: #baa353;
    fill: #fff;
}
#rad a:hover {
    background-color: #fff;
    fill: #baa353;
}

/* -- Sandnes link style, hover style -- */
#sandnes a {
    background-color: #31c756;
    fill: #fff;
}
#sandnes a:hover {
    background-color: #fff;
    fill: #31c756;
}

/* -- Tours link style, hover style -- */
#tours a {
    background-color: #66ccff;
    fill: #fff;
}
#tours a:hover {
    background-color: #fff;
    fill: #66ccff;
}

/* -- Journal link style, hover style -- */
#journal a {
    background-color: #FFF900;
}
#journal a:hover {
    background-color: #000;
    fill: #FFF900;
}

/* -- Aftenblad link style, hover style -- */
#aftenblad a {
    background-color: #fff;
}
#aftenblad a:hover {
    background-color: #000;
    fill: #fff;
}
#aftenblad {
    display: none;
}

/* -- Journal link style, hover style -- */
#gallery svg {
    padding: .75vw 0;
}

#gallery a {
    background-color: #f3f3f3;
}
#gallery a:hover {
    background-color: #000;
    fill: #f3f3f3;
}


/* ––––––––––––––––about––––––––––––––– */
#about article {
    -webkit-columns: 2 314px;
    -moz-columns: 2 314px;
    columns: 2 314px;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    -moz-column-fill: balance;
    column-fill: balance;

}


/* ––––––––––––––––contact––––––––––––––– */
#contact .content {
    display: grid;
    grid-template-columns: 1fr 4em 1fr;
    width: 100%;
}

#contact article {
    grid-column: 1 / span 1;
}

.info {
    display: grid;
    grid-template-columns: 1fr 2em 1fr;
    grid-column: 3 / span 1;
    grid-row: 1 / span 2;
}

address {
    grid-column: 1 / span 1;
}

.postal {
    margin-top: 2.5em;
    grid-column: 3 / span 1;
}

#contact .button {
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
}

button {
    background-color: #fff;
    border: 1px solid #000;
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-size: .9em;
    margin-top: 1em;
    padding: 0.4210526316em;
    text-transform: uppercase;
}

button:hover {
    border: 1px solid #fff;
    -webkit-transition: border .25s; /* Safari */
    transition: border .25s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

address p {
    margin-bottom: 1.25em;
}

address li {
    margin-bottom: .25em;
}

address ul {
    margin-bottom: 1.25em;
}

.postal p {
    margin-bottom: 1.25em;
}
.postal li {
    margin-bottom: .25em;
}

.postal ul {
    margin-bottom: 1.25em;
}


#contact a {
    font-style: italic;
}

#contact a:hover {
    font-style: normal;
}


/* ––––––––––––––––footer––––––––––––––– */
footer {
    background: #E5E5E5;
    display: block;
    padding: 0 6vw;
}

footer p {
    font-family: 'Times New Roman', 'Times', serif;
    font-size: .9em;
    line-height: 100%;
    padding: .6em 0;
    margin: 0;
}

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

footer a:hover {
    background: none;
    text-decoration: underline;
}










.clearfix:after { 
    content: "."; 
    visibility: hidden; 
    display: block; 
    height: 0; 
    clear: both;
}