datakultur.css

@font-face {
  font-family: open-sans, sans-serif;
font-style: normal;
font-weight: 300;

}

html {
    background: none !important;
}

body {
    background-color: #302147;
    overflow-x: hidden;
    color: #f6efc4;
    font-size: 18px;
}

body,
body p,
body p.lead {
    font-family: open-sans, sans-serif;
    font-weight: 300;
    font-style: normal;
  opacity: 1;
}



body h1,
body .h1,
body h4,
body .h4,
body h5,
body .h5,
body h6,
body .h6 {
    font-family: Open-sans, sans-serif;
}


body h2,
body .h2 {
  font-family: Open-sans, sans-serif;
  font-weight: 700;
  margin-top: 0.5.em;
  color: #fff;
}

body h3,
body .h3 {
  font-weight: 700;
  color: #fff;
}


a {
    color: #fff;
}

a:hover,
a:visited {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

a:active {
  font-weight:700;
}



.center {
    text-align: center !important;
}

#textcontainer {
    margin-top: 4vh;
}

#frontpage {
    min-height: 90vh;
}

#frontpagecontent {
    min-height: 100vh;
}

#tittel,
#sted {
    font-size: 4vw;
    font-weight: 700;
  padding-left: 30px;
}

#sporsmalet {
    font-size: 6vw;
    font-weight: 100;
    margin-bottom: 1.2em;
    margin-top: 0.5em;
    font-family: Open-sans, sans-serif;
  font-color: #f6efc4;
  padding-left: 15px;
}

.illustrasjon {
  margin-top: 0.5em;
}



#nav {
    padding-top: 4vh;
    padding-bottom: 4vh;
}

#pilned {
    text-align: center;
    width: 4vw;
}

.cta {
    font-family: Open-sans, sans-serif;
    font-weight: bold;
    font-size: 1.8rem;
    padding: 0.8em;
    border: 6px solid #fff;
    width: 100%;
    text-align: center;
    color: #fff;
    display: block;
    margin-top: 2.2em;
}

.cta:hover,
.cta:visited,
.cta:active,
.cta:focus {
    color: #fff;
    text-decoration: none;
}

.logo img{
  width: 50%;
  margin-top: 1em;
 
}


@media (max-width: 768px) { 
  img#forsideill {
  max-width:70% !important; 
  } 

}

@media(min-width: 768px) {
    #tittel,
    #sted {
        font-size: 3vw;
   
    }
    #sporsmalet {
        font-size: 4.5vw;
    }
  

}

@media(min-width: 992px) {
    #tittel,
    #sted {
        font-size: 3vw;
    }
    #sporsmalet {
        font-size: 4vw;
    }
 .article img {
    max-height:70%
  }
  

}

@media(min-width: 1200px) {
    #tittel,
    #sted {
        font-size: 3vw;
    }
    #sporsmalet {
        font-size: 4vw;
    }

}