html,body {margin:0;font: 400 20px/1.5rem 'PT Sans',sans-serif;color:#444}
h1,h2,h3,h4,h5,h6 {font-family:'PT Serif Caption',serif;font-weight:400;line-height:1.25em}
h1 {font-size:2.25rem}
h2 {font-size:1.75rem}
h3 {font-size:1.5rem}
h4 {font-size:1.25rem}

nav {transition: background-color .5s;}

/* globals */
img {align-self: center;}
img {max-width:100%}
main  {max-width:100%}
footer a {color:#fff;text-decoration: none;}
.red {background-color: rgb(146, 40, 46);color:#fff}
.red2 {background-color: #c65131;color:#fff}

header {background: url(/images/hero_.jpg) center center;background-size: cover;display:flex}
header.om_oss {background-image: url(/images/eldstader.jpg)}
header.kontakt {background-image: url(/images/fasad.jpg)}
header.referenser {background-image: url(/images/cement.jpg)}
header nav .menu {background: rgb(146, 40, 46);display:flex;justify-content: space-around;align-self: stretch;box-sizing: border-box;position:-webkit-sticky;position:sticky;top:0}
header nav .menu a {text-decoration: none;color:#fff;padding:0.5rem 1rem}
header nav .menu a:hover {filter:brightness(120%);background: rgb(146, 40, 46);}
header nav {display:flex;flex-direction: column;align-items: center;}
header nav .logo {flex-grow: 1;display:flex;align-content: center;}

footer {padding:5vw;background:#242424;color:#fff}

.tagline {background:#c65131;align-self: stretch;text-align: center;color:#fff;text-decoration: none;padding:1rem}
.tagline:hover {filter:brightness(120%)}
.freckles {background: url("data:image/jpeg;base64,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") repeat}

article,section {overflow: hidden;} 
a {color: #c65131}
a.button {color:#fff;text-decoration: none;display:inline-block;background-color: #c65131;box-shadow:1px 1px 3px rgba(0,0,0,0.2);border-radius:0.3rem;padding:0.5rem 1.5rem;}
.red2 a.button {background-color: rgb(146, 40, 46);}
a.button:hover {filter:brightness(120%)}
main section article:nth-child(odd) > :last-child
{
    order:-1;
}

label {display:block;}
input,textarea {font:inherit;width:100%;box-sizing: border-box;margin-bottom: 0.5rem;border:1px solid rgba(0,0,0,0.2);padding:0.25rem}
input[type=submit] {color:#fff;text-decoration: none;display:inline-block;background-color: #c65131;box-shadow:1px 1px 3px rgba(0,0,0,0.2);border-radius:0.3rem;padding:0.5rem 1.5rem;}
input[type=submit]:hover {filter:brightness(120%)}
input[type=submit][disabled] {background-color: grey;color:lightgray}
textarea {min-height:20ch}
.grid {display:grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));grid-gap: 0.5rem;}
.grid .img {display:flex;justify-content:center;align-self: center;}
.grid .img  img {display:block}
#popupImage {position: fixed;top:0;left:0;width:100vw;display:flex;justify-content: center;align-items: center;background:rgba(0,0,0,0.5)}
#popupImage img {max-height:85vh;max-width:85vw;box-shadow: 0px 0px 15px rgba(0,0,0,0.7);}
.hidden {opacity:0}

@keyframes scrolldown {
    0%   {bottom: 4rem}
    30%  {bottom: 5rem}
    40%  {bottom: 4rem}
    100% {bottom: 4rem}
  }

body > header:before {content:'\f13a';font-family:'Font Awesome 5 Free';position: absolute;bottom:4rem;color:#fff;font-size:2rem;text-shadow: 1px 1px 2px rgba(0,0,0,0.9);animation-name: scrolldown;
    animation-duration: 1.5s;animation-iteration-count: infinite;opacity:0.8;left:calc(50vw - 1rem);font-weight:600}
body > header nav:before {content:'Scrolla ned';position: absolute;bottom:2rem;transform: translateX(-50%);left:50%;text-shadow: 1px 1px 1px rgba(0,0,0,0.7);color:#FFF}

@media screen and (min-width:1024px)
{
    .full {width:100%}
    article > *:not(.full) {width:42.5vw}
    article {padding:5vw 5vw;display:flex;justify-content: space-between;align-items: center;}
    h1.title {font-size:2.75rem;line-height:1.1em; text-align:right}
    header {position: relative;height:100vh;justify-content: flex-end;}
    header nav {width:33%;background:rgb(146, 40, 46);color:#fff;min-width:470px;}
    footer {display:flex;justify-content:space-between;}
}

@media screen and (max-width:1023px) and (min-width:560px)
{
    header nav .menu:before {display:inline-block;height:36px;width:36px;content:'';background:url(/images/logo_100.png);background-size: contain;background-repeat:no-repeat;background-position:center center; align-self: center;justify-self: left}
}

@media screen and (max-width:1023px)
{
    html,body {font-size:18px}
    header {justify-content: center;height:100vh;}
    header nav {width:100%;}
    header nav .menu {position:fixed;background:rgb(146, 40, 46);width: 100%;box-shadow: 1px 1px 4px rgba(0,0,0,0.6);justify-content: center;}
    
    header nav .menu a {padding:0.5rem;margin:0 0.5rem}
    header nav .logo {margin-top:2rem}
    header nav .logo img {max-height:calc(100vh - 10rem);filter:drop-shadow(2px 2px 7px rgba(0,0,0,0.9))}
    article {padding:0 1.5rem}
    article > img {margin:1.5rem 0 0 0 ;display:block}
    .grid {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}
}