robur.coop/css/style_original.css
2023-02-15 18:07:07 +01:00

2114 lines
57 KiB
CSS

@charset "UTF-8";
.menu {
font-size: 19px; }
.container {
max-width: 940px; }
p {
font-size: 16px; }
h1,
h2 {
font-size: 55px; }
.p0 {
padding: 0 !important; }
blockquote {
font-size: 23px;
font-family: "Times New Roman", Times, serif;
border: none;
padding: 0;
height: 130px;
margin: 0 0 30px; }
blockquote:before {
content: '“';
font-family: "Times New Roman", Times, serif;
font-size: 85px;
float: left;
height: 20px;
font-weight: bold;
color: #16cdad;
position: relative;
top: -30px; }
.home-page .section-header img.logo {
height: auto;
max-width: 110px;
padding-left: 20px;
padding-top: 20px;
float: left; }
.home-page .section-header .manchet {
color: white; }
.home-page .section-header .manchet p {
margin: auto;
max-width: 600px; }
.home-page .section-header ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden; }
.home-page .section-header li {
float: left; }
.home-page .section-header li.a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none; }
.home-page .section-header .button-pair {
padding-top: 75px;
text-align: center;
margin: auto; }
.home-page .section-header .button-pair button {
padding: 10px 30px;
margin: 13px;
border-radius: 2.5px;
border-style: solid;
width: 200px;
border-width: 2px; }
.home-page .section-header .background-vector {
height: auto;
width: 100%;
margin-top: -170px; }
.home-page .menu {
padding-bottom: 50px; }
.home-page .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display: inline-block; }
.home-page .menu li a {
display: block;
color: white;
text-align: center;
padding-top: 20px;
padding-left: 23px;
padding-right: 23px;
text-decoration: none; }
.home-page .menu li a:hover {
color: #16cdad; }
.home-page .menu li .home {
border-bottom: #16cdad;
border-bottom-width: 3px;
border-bottom-style: solid;
padding-bottom: 7px; }
.home-page h1 {
color: #fff;
font-family: "Times New Roman", Times, serif;
text-align: center;
font-size: 55px;
font-weight: bold;
padding-top: 40px;
padding-bottom: 10px; }
.home-page .contact-btn {
color: #141a24;
border-color: #16cdad;
background-color: #16cdad;
border-style: solid; }
.home-page .github-btn {
color: #16cdad;
background-color: #141a24;
border-color: #16cdad;
border-style: solid; }
.home-page h2 {
font-size: 55px;
font-weight: bold; }
.home-page h1,
.home-page h2,
.home-page h3,
.home-page h4,
.home-page h5,
.home-page h6 {
font-family: "Times New Roman", Times, serif; }
.home-page p {
font-family: "Arial";
font-size: 16px; }
.home-page span.manchet {
font-size: 19px;
float: left;
width: 100%; }
.home-page .dark {
background-color: #141a24; }
.home-page .section-1 {
color: #fff; }
.home-page .section-1 h2 {
padding-top: 35px; }
.home-page .section-1 .manchet {
text-align: justify;
max-width: 895px; }
.home-page .section-1 .first-box-p {
margin-top: 7px; }
.home-page .section-1 .last-box {
margin-top: -15px; }
.home-page .section-1 .last-box p {
padding-top: 10px; }
.home-page .p-manchet {
padding-top: 170px;
padding-bottom: 210px;
font-size: 16.31px;
font-weight: bold; }
.home-page .p-manchet p {
margin-top: 15px; }
.home-page .p-bottom {
padding-bottom: 220px;
font-size: 16.31px;
font-weight: bold; }
.home-page .p-bottom p {
margin-top: 15px; }
.home-page .our-work-btn {
background-color: #16cdad;
border-color: #16cdad;
margin-bottom: 42px; }
.home-page .about-us-btn {
background-color: #141a24;
border-color: #fff; }
.home-page button {
border-radius: 6px;
text-align: center;
font-size: 16px;
font-family: "Arial";
padding: 8px 68px;
border-style: solid; }
.home-page .section-2 {
background-image: url("img/vector_graphic_stars.png");
background-repeat: no-repeat;
background-size: cover;
margin-top: 50px;
padding-bottom: 50px;
color: black; }
.home-page .section-2 img {
width: 100%;
height: auto; }
.home-page .section-2 h2 {
padding-top: 35px;
padding-bottom: 20px;
font-family: "Times New Roman", Times, serif; }
.home-page .section-2 .manchet {
padding-bottom: 35px;
text-align: justify; }
.home-page .section-2 .underoverskrift {
font-weight: bold;
font-family: "Arial";
margin-bottom: 5px; }
.home-page .section-2 .brødtekst {
font-family: "Arial"; }
.home-page .section-2 .tekst-element {
height: 350px;
font-size: 16; }
.home-page .section-2 .column-1 {
max-width: 400px; }
.home-page .section-2 .p-column-2 {
padding-left: 60px;
max-width: 505px; }
.home-page .section-3 {
background-color: #16cdad; }
.home-page .section-3 .contact {
margin-top: 60px;
margin-bottom: 60px;
color: black;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
max-width: 400px;
background-color: white;
padding: 25px;
max-height: 285px; }
.home-page .section-3 .contact .header {
font-weight: bold; }
.home-page .section-3 .contact img {
width: 20px;
height: auto; }
.home-page .section-3 .fund {
max-height: 285px;
margin-top: 60px;
margin-bottom: 60px;
margin-left: 60px;
color: white;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
max-width: 400px;
padding: 25px; }
.home-page .section-3 .fund .header {
font-weight: bold; }
.home-page .section-3 .fund button {
margin-top: 40px;
color: black;
background: #FFF;
border: none;
padding: 10px 60px; }
.home-page .section-3 .fund button:hover {
background: #FFF; }
.home-page .section-3 .contact-element {
float: left;
width: 100%; }
.home-page .section-3 .contact-element img {
float: left; }
.home-page .section-3 .mail img {
margin-top: 5.5px; }
.home-page .section-3 .mail p {
padding-left: 10px; }
.home-page .section-3 .key img {
margin-top: 5.5px;
width: 24px; }
.home-page .section-3 .key p {
padding-left: 10px; }
.home-page .section-3 .fingerprint img {
margin-top: 2px;
width: 23px; }
.home-page .section-3 .fingerprint p {
padding-left: 10px; }
.home-page .section-footer {
text-align: center;
margin: auto; }
.home-page .section-footer hr {
border-color: #434850;
width: 100%;
border-width: 1.5px;
padding: 0; }
.home-page .section-footer img {
padding-top: 20px;
height: auto;
max-width: 170px; }
.home-page .section-footer p {
color: #16cdad;
font-size: 14;
padding-bottom: 15px; }
.about-us-page .container {
max-width: 940px; }
.about-us-page .dark {
background-color: #141a24; }
.about-us-page h1,
.about-us-page h2,
.about-us-page h3,
.about-us-page h4,
.about-us-page h5,
.about-us-page h6 {
font-family: "Times New Roman", Times, serif; }
.about-us-page p {
font-family: "Arial";
font-size: 16px; }
.about-us-page .section-header .dark {
background-image: url("img/vector_graphic_stars_about_us.png");
background-repeat: no-repeat;
background-size: cover;
height: 600px; }
.about-us-page .section-header img.logo {
height: auto;
width: 150px;
margin-top: 20px;
margin-left: 30px;
float: left; }
.about-us-page .section-header h2 {
color: #16cdad;
font-weight: bold;
font-size: 55px; }
.about-us-page .section-header .manchet {
color: white;
width: 100%;
font-size: 19px; }
.about-us-page .section-header .manchet p {
margin: auto;
max-width: 430px;
float: left; }
.about-us-page .section-header ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden; }
.about-us-page .section-header li {
float: left; }
.about-us-page .section-header li.a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
font-size: 19px; }
.about-us-page .section-header .button-pair {
margin: auto;
width: 100%;
float: left;
padding-top: 15px; }
.about-us-page .section-header .button-pair button {
padding: 10px 30px;
margin: 13px;
border-radius: 2.5px;
border-style: solid;
width: 200px; }
.about-us-page .section-header .button-pair .read-more {
color: #141a24;
background-color: #16cdad;
border-color: #16cdad; }
.about-us-page .section-header .button-pair .contact-us {
color: #16cdad;
background-color: #141a24;
border-color: #16cdad; }
.about-us-page .section-header img.vector {
height: auto;
width: 100%;
margin-top: -320px;
margin-left: -60px; }
.about-us-page .section-header .menu {
padding-bottom: 50px;
padding-top: 25px; }
.about-us-page .section-header .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display: inline-block; }
.about-us-page .section-header .menu li a {
display: block;
color: white;
text-align: center;
padding-top: 20px;
padding-left: 23px;
padding-right: 23px;
text-decoration: none; }
.about-us-page .section-header .menu li a:hover {
color: #16cdad; }
.about-us-page .section-header .menu li .about-us {
border-bottom: #16cdad;
border-bottom-width: 3px;
border-bottom-style: solid;
padding-bottom: 7px; }
.about-us-page .section-1 {
color: white;
background-color: #16cdad;
position: relative; }
.about-us-page .section-1 h2 {
font-weight: bold;
font-size: 55px;
padding-top: 20px; }
.about-us-page .section-1 .manchet {
width: 600px;
display: inline-block;
font-size: 19px;
padding-bottom: 30px; }
.about-us-page .section-1 .underoverskrift {
color: #141a24;
font-weight: bold; }
.about-us-page .section-1 .brødtekst {
padding-top: 0;
padding-bottom: 30px; }
.about-us-page .section-1 .pentagon {
position: absolute;
right: 0;
bottom: 0; }
.about-us-page .section-2 {
color: black;
background-color: white;
padding-top: 35px; }
.about-us-page .section-2 .column-1 h2 {
font-size: 55px;
font-weight: bold;
padding-bottom: 30px; }
.about-us-page .section-2 .column-1 p {
font-size: 16px;
padding-bottom: 25px; }
.about-us-page .section-2 .column-1 .mirage-btn {
color: #16cdad;
background-color: #141a24;
border-radius: 3px;
border-color: #141a24;
border-style: solid;
padding: 6px 32px; }
.about-us-page .section-2 .column-2 h2 {
font-size: 55px;
font-weight: bold;
padding-bottom: 30px; }
.about-us-page .section-2 .column-2 img {
height: auto;
width: 140px;
padding-bottom: 20px; }
.about-us-page .section-2 .column-2 .underoverskrift {
padding-bottom: 0; }
.about-us-page .section-2 .column-2 p {
font-size: 16px;
padding-bottom: 20px; }
.about-us-page .section-2 .column-2 .collab-btn {
color: #16cdad;
background-color: #141a24;
border-radius: 3px;
border-color: #141a24;
border-style: solid;
padding: 6px 35px; }
.about-us-page .section-2 .column-2 .button-bottom {
padding-bottom: 50px;
border-style: solid; }
.about-us-page .section-3 {
color: white;
background-color: #141a24; }
.about-us-page .section-3 h2 {
font-size: 55px;
font-weight: bold;
padding-top: 60px; }
.about-us-page .section-3 .manchet {
font-size: 19px;
padding-top: 20px;
padding-bottom: 20px;
width: 750px; }
.about-us-page .section-3 p {
padding-bottom: 10px; }
.about-us-page .section-3 ul {
color: #16cdad;
padding-bottom: 20px; }
.about-us-page .section-3 li {
padding: 7px; }
.about-us-page .section-3 .button-pair {
padding-bottom: 50px;
padding-top: 40px; }
.about-us-page .section-3 .contact-btn {
color: #141a24;
background-color: #16cdad;
border-color: #16cdad;
padding: 7px 40px;
border-radius: 4px;
border-style: solid; }
.about-us-page .section-3 .donate-btn {
color: #16cdad;
background-color: #141a24;
border-color: #16cdad;
padding: 7px 40px;
border-radius: 4px;
border-style: solid;
margin-left: 30px; }
.about-us-page .section-4 {
background-color: #16cdad; }
.about-us-page .section-4 .contact {
margin-top: 60px;
margin-bottom: 60px;
color: black;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
background-color: white;
padding: 25px;
height: 285px; }
.about-us-page .section-4 .contact .header {
font-weight: bold; }
.about-us-page .section-4 .contact img {
width: 20px;
height: auto; }
.about-us-page .section-4 .fund {
height: 285px;
margin-top: 60px;
margin-bottom: 60px;
margin-left: 60px;
color: white;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
padding: 25px; }
.about-us-page .section-4 .fund .header {
font-weight: bold; }
.about-us-page .section-4 .fund button {
margin-top: 40px;
color: black;
background: #FFF;
border: none;
border-radius: 4px;
border-style: solid;
padding: 10px 60px; }
.about-us-page .section-4 .fund button:hover {
background: #FFF; }
.about-us-page .section-4 .container-fluid {
margin-top: -67px; }
.about-us-page .section-4 .contact-element {
float: left;
width: 100%; }
.about-us-page .section-4 .contact-element img {
float: left; }
.about-us-page .section-4 .mail img {
margin-top: 5.5px; }
.about-us-page .section-4 .mail p {
padding-left: 10px; }
.about-us-page .section-4 .key img {
margin-top: 5.5px;
width: 24px; }
.about-us-page .section-4 .key p {
padding-left: 10px; }
.about-us-page .section-4 .fingerprint img {
margin-top: 2px;
width: 23px; }
.about-us-page .section-4 .fingerprint p {
padding-left: 10px; }
.about-us-page .section-footer {
text-align: center;
margin: auto; }
.about-us-page .section-footer hr {
border-color: #434850;
width: 100%;
border-width: 1.5px;
padding: 0;
margin-top: 130px; }
.about-us-page .section-footer img {
padding-top: 20px;
height: auto;
width: 170px;
margin-top: -220px; }
.about-us-page .section-footer p {
color: #16cdad;
font-size: 14;
padding-bottom: 15px; }
.donate-page .container {
max-width: 940px; }
.donate-page .dark {
background-color: #141a24; }
.donate-page h1,
.donate-page h2,
.donate-page h3,
.donate-page h4,
.donate-page h5,
.donate-page h6 {
font-family: "Times New Roman", Times, serif; }
.donate-page p {
font-family: "Arial";
font-size: 16px; }
.donate-page .section-header .dark {
position: relative; }
.donate-page .section-header .background-image {
position: absolute;
bottom: 0;
width: 100%; }
.donate-page .section-header img.logo {
height: auto;
width: 150px;
margin-top: 20px;
margin-left: 30px;
float: left; }
.donate-page .section-header h2 {
color: #16cdad;
font-weight: bold;
font-size: 55px;
width: 600px;
float: left; }
.donate-page .section-header .manchet {
color: white;
font-size: 19px;
width: 100%; }
.donate-page .section-header .manchet p {
margin: auto; }
.donate-page .section-header .manchet-upper {
width: 600px;
padding-bottom: 20px;
float: left; }
.donate-page .section-header .manchet-lower {
width: 550px;
padding-bottom: 20px;
float: left; }
.donate-page .section-header .p-upper {
width: 380px; }
.donate-page .section-header hr {
border-color: #16cdad;
width: 450px;
margin-top: 50px;
margin-bottom: 50px; }
.donate-page .section-header ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden; }
.donate-page .section-header li {
float: left; }
.donate-page .section-header li.a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
font-size: 19px; }
.donate-page .section-header .menu {
padding-bottom: 50px;
padding-top: 25px; }
.donate-page .section-header .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display: inline-block; }
.donate-page .section-header .menu li a {
display: block;
color: white;
text-align: center;
padding-top: 20px;
padding-left: 23px;
padding-right: 23px;
text-decoration: none; }
.donate-page .section-header .menu li a:hover {
color: #16cdad; }
.donate-page .section-header .menu li .donate {
border-bottom: #16cdad;
border-bottom-width: 3px;
border-bottom-style: solid;
padding-bottom: 7px; }
.donate-page .section-header p {
color: white; }
.donate-page .section-header .p-lower {
border-radius: 3px;
border: 2px solid #FFF;
width: calc(50% - 10px);
display: flex;
flex-flow: row wrap;
height: 350px;
padding: 30px 30px 20px;
margin-top: 40px; }
.donate-page .section-header .p-lower:first-of-type {
margin-left: -15px;
margin-right: 35px; }
.donate-page .section-header .underoverskrift {
color: #16cdad; }
.donate-page .section-header .p-lowest {
border-radius: 3px;
border: 2px solid #FFF;
width: 47%;
padding: 25px;
margin-top: 50px;
margin-bottom: 85px;
padding-bottom: 20px; }
.donate-page .section-1 {
background-color: white;
color: black; }
.donate-page .section-1 h2 {
font-size: 55px;
font-weight: bold;
padding-top: 50px;
padding-bottom: 30px; }
.donate-page .section-1 p {
width: 750px;
padding-bottom: 20px; }
.donate-page .section-1 .bottom-p {
margin-bottom: 100px; }
.donate-page .section-2 {
background-color: #16cdad; }
.donate-page .section-2 .contact {
margin-bottom: 60px;
color: black;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
background-color: white;
padding: 25px;
height: 285px; }
.donate-page .section-2 .contact .header {
font-weight: bold; }
.donate-page .section-2 .contact img {
width: 20px;
height: auto; }
.donate-page .section-2 .fund {
height: 285px;
margin-bottom: 60px;
margin-left: 60px;
color: white;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
padding: 25px; }
.donate-page .section-2 .fund .header {
font-weight: bold; }
.donate-page .section-2 .fund button {
margin-top: 40px;
color: black;
background: #FFF;
border: none;
border-radius: 4px;
border-style: solid;
padding: 10px 60px; }
.donate-page .section-2 .fund button:hover {
background: #FFF; }
.donate-page .section-2 .container-fluid {
margin-top: -67px; }
.donate-page .section-2 .contact-element {
float: left;
width: 100%; }
.donate-page .section-2 .contact-element img {
float: left; }
.donate-page .section-2 .mail img {
margin-top: 5.5px; }
.donate-page .section-2 .mail p {
padding-left: 10px; }
.donate-page .section-2 .key img {
margin-top: 5.5px;
width: 24px; }
.donate-page .section-2 .key p {
padding-left: 10px; }
.donate-page .section-2 .fingerprint img {
margin-top: 2px;
width: 23px; }
.donate-page .section-2 .fingerprint p {
padding-left: 10px; }
.donate-page .section-footer {
text-align: center;
margin: auto; }
.donate-page .section-footer hr {
border-color: #434850;
width: 100%;
border-width: 1.5px;
padding: 0;
margin-top: 130px; }
.donate-page .section-footer img {
padding-top: 20px;
height: auto;
width: 170px;
margin-top: -220px; }
.donate-page .section-footer p {
color: #16cdad;
font-size: 14;
padding-bottom: 15px; }
.our-work-page .container {
max-width: 940px; }
.our-work-page .dark {
background-color: #141a24; }
.our-work-page h1,
.our-work-page h2,
.our-work-page h3,
.our-work-page h4,
.our-work-page h5,
.our-work-page h6 {
font-family: "Times New Roman", Times, serif; }
.our-work-page p {
font-family: "Arial";
font-size: 16px; }
.our-work-page .section-header img.logo {
height: auto;
width: 150px;
margin-top: 20px;
margin-left: 30px;
float: left; }
.our-work-page .section-header .background-image {
height: auto;
float: right;
margin-top: -490px;
margin-right: 300px; }
.our-work-page .section-header h2 {
color: white;
font-weight: bold;
font-size: 55px;
padding-top: 40px; }
.our-work-page .section-header .manchet {
color: white;
width: 100%;
font-size: 19px; }
.our-work-page .section-header .manchet p {
margin: auto;
max-width: 600px;
float: left;
padding-top: 20px; }
.our-work-page .section-header ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden; }
.our-work-page .section-header li {
float: left; }
.our-work-page .section-header li.a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
font-size: 19px; }
.our-work-page .section-header .button-pair {
margin: auto;
width: 100%;
float: left;
padding-top: 15px; }
.our-work-page .section-header .button-pair button {
padding: 10px 30px;
margin: 13px;
border-radius: 2.5px;
border-style: solid;
width: 200px; }
.our-work-page .section-header .button-pair .read-more {
color: #141a24;
background-color: #16cdad;
border-color: #16cdad; }
.our-work-page .section-header .button-pair .contact-us {
color: #16cdad;
background-color: #141a24;
border-color: #16cdad; }
.our-work-page .section-header .button-pair .contact-us:hover {
cursor: pointer; }
.our-work-page .section-header img.vector {
height: auto;
width: 100%;
margin-top: -320px;
margin-left: -60px; }
.our-work-page .section-header .menu {
padding-bottom: 50px;
padding-top: 25px; }
.our-work-page .section-header .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display: inline-block; }
.our-work-page .section-header .menu li a {
display: block;
color: white;
text-align: center;
padding-top: 20px;
padding-left: 23px;
padding-right: 23px;
text-decoration: none; }
.our-work-page .section-header .menu li a:hover {
color: #16cdad; }
.our-work-page .section-header .menu li .our-work {
border-bottom: #16cdad;
border-bottom-width: 3px;
border-bottom-style: solid;
padding-bottom: 7px; }
.our-work-page .section-1 {
background-color: white;
color: black; }
.our-work-page .section-1 h2 {
font-size: 55px;
font-weight: bold;
padding-top: 40px; }
.our-work-page .section-1 .manchet {
width: 100%; }
.our-work-page .section-1 .manchet p {
padding-bottom: 50px;
width: 750px; }
.our-work-page .section-2 {
background-color: #16cdad;
color: black; }
.our-work-page .section-2 .column-1 {
margin-top: -25px; }
.our-work-page .section-2 .column-1 img {
height: auto;
width: 35px; }
.our-work-page .section-2 .column-2 {
margin-top: -25px; }
.our-work-page .section-2 .column-2 img {
height: auto;
width: 35px; }
.our-work-page .section-2 .underoverskrift {
padding-top: 25px; }
.our-work-page .section-2 button {
background-color: white;
color: black;
padding: 5px 25px;
border-radius: 4px;
border-color: white;
border-style: solid;
margin-top: 15px;
margin-bottom: 30px; }
.our-work-page .section-2 p {
max-width: 380px; }
.our-work-page .section-3 {
color: white; }
.our-work-page .section-3 h2 {
font-size: 55px;
font-weight: bold;
padding-top: 25px; }
.our-work-page .section-3 .manchet {
width: 100%;
padding-top: 20px; }
.our-work-page .section-3 .manchet p {
width: 730px;
margin-bottom: 60px; }
.our-work-page .section-3 .read-more-btn {
background-color: #16cdad;
color: white;
border-color: #16cdad;
border-radius: 4px;
border-style: solid;
width: 100%;
padding: 5px 100px;
margin-top: 25px;
margin-bottom: 40px; }
.our-work-page .section-3 .underoverskrifter p {
text-align: center;
float: left;
padding-top: 20px; }
.our-work-page .section-4 {
background-color: white;
color: black; }
.our-work-page .section-4 h2 {
font-size: 55px;
font-weight: bold;
padding-top: 25px;
padding-bottom: 10px; }
.our-work-page .section-4 .manchet {
width: 100%; }
.our-work-page .section-4 .manchet p {
width: 740px;
margin-bottom: 50px; }
.our-work-page .section-4 .buttons button {
border-radius: 4px;
border-color: black;
border-style: solid;
border-width: 1px;
background-color: white;
padding: 8px;
width: 150px;
margin-bottom: 30px;
margin-right: 50px; }
.our-work-page .section-5 {
color: white; }
.our-work-page .section-5 .container-fluid {
padding-bottom: 50px; }
.our-work-page .section-5 h2 {
font-size: 55px;
font-weight: bold;
padding-top: 25px; }
.our-work-page .section-5 .manchet {
width: 100%; }
.our-work-page .section-5 .manchet p {
width: 800px; }
.our-work-page .section-5 a {
float: right;
font-style: none;
color: white; }
.our-work-page .section-5 hr {
border-color: #16cdad;
width: 100%;
height: 2px;
float: left;
padding-bottom: 20px; }
.our-work-page .section-5 .underoverskrift {
color: #16cdad; }
.our-work-page .section-5 p {
width: 297px; }
.our-work-page .section-5 .button {
background-color: #16cdad;
width: 300px;
padding: 5px 15px;
border-radius: 4px;
border-color: #16cdad;
border-style: solid;
float: left;
margin-bottom: 50px; }
.our-work-page .section-5 .button .text {
color: white;
float: left;
padding-left: 6px; }
.our-work-page .section-5 .button img {
float: right;
height: auto;
width: 11px;
padding-top: 2px; }
.our-work-page .section-5 video {
height: auto;
width: 340px;
float: right; }
.our-work-page .section-5 .brødtekst {
padding-bottom: 15px; }
.our-work-page .section-5 .first-block {
margin-top: -15px; }
.our-work-page .section-5 .second-block .element-1 {
margin-top: 20px; }
.our-work-page .section-5 .second-block .element-2 {
margin-top: -25px; }
.our-work-page .section-5 .second-block .element-2 p {
float: right;
margin-right: 45px; }
.our-work-page .section-5 .second-block .element-2 .brødtekst {
margin-top: -5px; }
.our-work-page .section-6 {
background-color: #16cdad; }
.our-work-page .section-6 .contact {
margin-top: 60px;
margin-bottom: 60px;
color: black;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
background-color: white;
padding: 25px;
height: 285px; }
.our-work-page .section-6 .contact .header {
font-weight: bold; }
.our-work-page .section-6 .contact img {
width: 20px;
height: auto; }
.our-work-page .section-6 .fund {
height: 285px;
margin-top: 60px;
margin-bottom: 60px;
margin-left: 60px;
color: white;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
padding: 25px; }
.our-work-page .section-6 .fund .header {
font-weight: bold; }
.our-work-page .section-6 .fund button {
margin-top: 40px;
color: black;
background: #FFF;
border: none;
border-color: white;
border-radius: 4px;
border-style: solid;
padding: 10px 60px; }
.our-work-page .section-6 .fund button:hover {
background: #FFF; }
.our-work-page .section-6 .contact-element {
float: left;
width: 100%; }
.our-work-page .section-6 .contact-element img {
float: left; }
.our-work-page .section-6 .mail img {
margin-top: 5.5px; }
.our-work-page .section-6 .mail p {
padding-left: 10px; }
.our-work-page .section-6 .key img {
margin-top: 5.5px;
width: 24px; }
.our-work-page .section-6 .key p {
padding-left: 10px; }
.our-work-page .section-6 .fingerprint img {
margin-top: 2px;
width: 23px; }
.our-work-page .section-6 .fingerprint p {
padding-left: 10px; }
.our-work-page .section-footer {
text-align: center;
margin: auto; }
.our-work-page .section-footer hr {
border-color: #434850;
width: 100%;
border-width: 1.5px;
padding: 0;
margin-top: 130px; }
.our-work-page .section-footer img {
padding-top: 20px;
height: auto;
width: 170px;
margin-top: -220px; }
.our-work-page .section-footer p {
color: #16cdad;
font-size: 14;
padding-bottom: 15px; }
.network-page .section-header {
background-color: #141a24; }
.network-page .section-header img.logo {
height: auto;
width: 150px;
margin-top: 20px;
margin-left: 30px;
float: left; }
.network-page .section-header ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden; }
.network-page .section-header li {
float: left; }
.network-page .section-header li.a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
font-size: 19px; }
.network-page .section-header .menu {
padding-bottom: 50px;
padding-top: 25px; }
.network-page .section-header .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display: inline-block; }
.network-page .section-header .menu li a {
display: block;
color: white;
text-align: center;
padding-top: 20px;
padding-left: 23px;
padding-right: 23px;
text-decoration: none; }
.network-page .section-header .menu li a:hover {
color: #16cdad; }
.network-page .section-header .menu li .home {
border-bottom: #16cdad;
border-bottom-width: 3px;
border-bottom-style: solid;
padding-bottom: 7px; }
.network-page .section-1 {
background-color: white;
color: black;
padding-bottom: 10px; }
.network-page .section-1 p {
font-size: 16px; }
.network-page .section-1 h2 {
font-size: 55px;
font-weight: bold;
font-family: 'Times New Roman', Times, serif;
padding-top: 50px;
padding-bottom: 60px; }
.network-page .section-1 h4 {
font-size: 25px;
font-weight: bold;
padding-bottom: 50px; }
.network-page .section-1 img {
height: auto;
width: 140px;
padding-bottom: 25px; }
.network-page .section-1 .underoverskrift {
margin-bottom: 0; }
.network-page .section-1 .brødtekst {
padding-bottom: 10px;
width: 400px; }
.network-page .section-1 blockquote {
width: 300px; }
.network-page .section-2 {
background-color: #16cdad; }
.network-page .section-2 .contact {
margin-top: 60px;
margin-bottom: 60px;
color: black;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
background-color: white;
padding: 25px;
height: 285px; }
.network-page .section-2 .contact .header {
font-weight: bold; }
.network-page .section-2 .contact img {
width: 20px;
height: auto; }
.network-page .section-2 .fund {
height: 285px;
margin-top: 60px;
margin-bottom: 60px;
margin-left: 150px;
color: white;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
padding: 25px; }
.network-page .section-2 .fund .header {
font-weight: bold; }
.network-page .section-2 .fund button {
margin-top: 40px;
color: black;
background: #FFF;
border: none;
border-radius: 4px;
border-style: solid;
border-color: white;
padding: 10px 60px; }
.network-page .section-2 .fund button:hover {
background: #FFF; }
.network-page .section-2 .contact-element {
float: left;
width: 100%; }
.network-page .section-2 .contact-element img {
float: left; }
.network-page .section-2 .mail img {
margin-top: 5.5px; }
.network-page .section-2 .mail p {
padding-left: 10px; }
.network-page .section-2 .key img {
margin-top: 5.5px;
width: 24px; }
.network-page .section-2 .key p {
padding-left: 10px; }
.network-page .section-2 .fingerprint img {
margin-top: 2px;
width: 23px; }
.network-page .section-2 .fingerprint p {
padding-left: 10px; }
.network-page .section-footer {
text-align: center;
margin: auto;
background-color: #141a24; }
.network-page .section-footer hr {
border-color: #434850;
width: 100%;
border-width: 1.5px;
padding: 0;
margin-top: 130px; }
.network-page .section-footer img {
padding-top: 20px;
height: auto;
width: 170px;
margin-top: -220px; }
.network-page .section-footer p {
color: #16cdad;
font-size: 14;
padding-bottom: 15px; }
.scroll-menu-page .section-header {
background-color: #141a24; }
.scroll-menu-page .section-header img.logo {
height: auto;
width: 150px;
margin-top: 20px;
margin-left: 30px;
float: left; }
.scroll-menu-page .section-header ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden; }
.scroll-menu-page .section-header li {
float: left; }
.scroll-menu-page .section-header li.a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
font-size: 19px; }
.scroll-menu-page .section-header .menu {
padding-bottom: 50px;
padding-top: 25px; }
.scroll-menu-page .section-header .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display: inline-block; }
.scroll-menu-page .section-header .menu li a {
display: block;
color: white;
text-align: center;
padding-top: 20px;
padding-left: 23px;
padding-right: 23px;
text-decoration: none; }
.scroll-menu-page .section-header .menu li a:hover {
color: #16cdad; }
.scroll-menu-page .section-header .menu li .our-work {
border-bottom: #16cdad;
border-bottom-width: 3px;
border-bottom-style: solid;
padding-bottom: 7px; }
.scroll-menu-page .section-scroll {
background-color: #16cdad;
color: black; }
.scroll-menu-page .section-scroll p {
padding-top: 30px;
font-size: 16px;
width: 380px; }
.scroll-menu-page .section-scroll button {
background-color: white;
color: black;
border-style: solid;
border-color: white;
border-radius: 4px;
padding-top: 8px;
padding-bottom: 8px;
width: 170px;
margin-bottom: 25px; }
.static-page .section-header {
background-color: #141a24; }
.static-page .section-header img.logo {
height: auto;
width: 150px;
margin-top: 20px;
margin-left: 30px;
float: left; }
.static-page .section-header ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden; }
.static-page .section-header li {
float: left; }
.static-page .section-header li.a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
font-size: 19px; }
.static-page .section-header .menu {
padding-bottom: 50px;
padding-top: 25px; }
.static-page .section-header .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display: inline-block; }
.static-page .section-header .menu li a {
display: block;
color: white;
text-align: center;
padding-top: 20px;
padding-left: 23px;
padding-right: 23px;
text-decoration: none; }
.static-page .section-header .menu li a:hover {
color: #16cdad; }
.static-page .section-header .menu li .home {
border-bottom: #16cdad;
border-bottom-width: 3px;
border-bottom-style: solid;
padding-bottom: 7px; }
.static-page .section-1 {
color: black;
padding-bottom: 50px; }
.static-page .section-1 h2 {
font-size: 55px;
font-weight: bold;
font-family: 'Times New Roman', Times, serif;
padding-top: 40px;
padding-bottom: 30px; }
.static-page .section-1 h4 {
font-size: 20px;
font-weight: bold; }
.static-page .section-1 p {
padding-bottom: 20px;
width: 610px; }
.static-page .section-1 table {
margin-bottom: 20px; }
.static-page .section-1 td {
padding-right: 55px;
padding-bottom: 5px; }
.static-page .section-1 ul {
color: #16cdad;
float: left;
padding-left: 15px;
width: 610px;
list-style-image: url("img/list-bullet.png"); }
.static-page .section-1 ul li {
padding-bottom: 20px; }
.static-page .section-2 {
background-color: #16cdad; }
.static-page .section-2 .contact {
margin-top: 60px;
margin-bottom: 60px;
color: black;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
background-color: white;
padding: 25px;
height: 285px; }
.static-page .section-2 .contact .header {
font-weight: bold; }
.static-page .section-2 .contact img {
width: 20px;
height: auto; }
.static-page .section-2 .fund {
height: 285px;
margin-top: 60px;
margin-bottom: 60px;
margin-left: 200px;
color: white;
border-radius: 2.5px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
padding: 25px; }
.static-page .section-2 .fund .header {
font-weight: bold; }
.static-page .section-2 .fund button {
margin-top: 40px;
color: black;
background: #FFF;
border: none;
border-radius: 4px;
border-style: solid;
border-color: white;
padding: 10px 60px; }
.static-page .section-2 .fund button:hover {
background: #FFF; }
.static-page .section-2 .contact-element {
float: left;
width: 100%; }
.static-page .section-2 .contact-element img {
float: left; }
.static-page .section-2 .mail img {
margin-top: 5.5px; }
.static-page .section-2 .mail p {
padding-left: 10px; }
.static-page .section-2 .key img {
margin-top: 5.5px;
width: 24px; }
.static-page .section-2 .key p {
padding-left: 10px; }
.static-page .section-2 .fingerprint img {
margin-top: 2px;
width: 23px; }
.static-page .section-2 .fingerprint p {
padding-left: 10px; }
.static-page .section-footer {
text-align: center;
margin: auto;
background-color: #141a24; }
.static-page .section-footer hr {
border-color: #434850;
width: 100%;
border-width: 1.5px;
padding: 0;
margin-top: 130px; }
.static-page .section-footer img {
padding-top: 20px;
height: auto;
width: 170px;
margin-top: -220px; }
.static-page .section-footer p {
color: #16cdad;
font-size: 14;
padding-bottom: 15px; }
.talks-and-publications-page .section-header {
background-color: #141a24; }
.talks-and-publications-page .section-header img.logo {
height: auto;
width: 150px;
margin-top: 20px;
margin-left: 30px;
float: left; }
.talks-and-publications-page .section-header ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden; }
.talks-and-publications-page .section-header li {
float: left; }
.talks-and-publications-page .section-header li.a {
display: block;
color: white;
text-align: center;
padding: 16px;
text-decoration: none;
font-size: 19px; }
.talks-and-publications-page .section-header .menu {
padding-bottom: 50px;
padding-top: 25px; }
.talks-and-publications-page .section-header .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
display: inline-block; }
.talks-and-publications-page .section-header .menu li a {
display: block;
color: white;
text-align: center;
padding-top: 20px;
padding-left: 23px;
padding-right: 23px;
text-decoration: none; }
.talks-and-publications-page .section-header .menu li a:hover {
color: #16cdad; }
.talks-and-publications-page .section-header .menu li .home {
border-bottom: #16cdad;
border-bottom-width: 3px;
border-bottom-style: solid;
padding-bottom: 7px; }
.talks-and-publications-page .section-1 {
background-color: white;
color: black;
padding-bottom: 50px; }
.talks-and-publications-page .section-1 h2 {
font-family: 'Times New Roman', Times, serif;
font-size: 55px;
font-weight: bold;
padding-top: 35px;
padding-bottom: 5px; }
.talks-and-publications-page .section-1 .manchet {
font-size: 19px;
width: 100%; }
.talks-and-publications-page .section-1 .manchet p {
width: 880px; }
.talks-and-publications-page .section-1 table {
margin-bottom: 35px; }
.talks-and-publications-page .section-1 table td {
padding-right: 25px;
font-size: 19.2px;
font-family: Arial, Helvetica, sans-serif; }
.talks-and-publications-page .section-1 table .hannes-mehnert {
border-bottom: #16cdad;
border-bottom-width: 3px;
border-bottom-style: solid;
padding-bottom: 3px; }
.talks-and-publications-page .section-1 h3 {
font-size: 45px;
font-family: 'Times New Roman', Times, serif;
font-weight: bold;
padding-bottom: 25px; }
.talks-and-publications-page .section-1 .pub-p {
font-weight: bold;
font-size: 20px;
padding-right: 10px;
width: 300px;
margin-right: 10px; }
.talks-and-publications-page .section-1 .button {
background-color: #16cdad;
width: 250px;
padding: 5px 15px;
border-radius: 4px;
border-color: #16cdad;
border-style: solid;
float: left;
margin-bottom: 50px; }
.talks-and-publications-page .section-1 .button .text {
color: white;
float: left;
padding-left: 6px; }
.talks-and-publications-page .section-1 .button img {
float: right;
height: auto;
width: 11px;
padding-top: 2px; }
.talks-and-publications-page .section-1 video {
height: auto;
width: 280px; }
.talks-and-publications-page .section-1 .underoverskrift {
font-weight: bold;
font-size: 20px;
padding-top: 10px;
width: 300px; }
.talks-and-publications-page .section-1 .underoverskrift-2 {
color: #16cdad;
font-size: 16px;
width: 300px; }
.talks-and-publications-page .section-1 .brødtekst {
font-size: 16px;
width: 280px;
padding-bottom: 35px; }
.talks-and-publications-page .section-2 {
background-color: #16cdad; }
.talks-and-publications-page .section-2 .contact {
margin-top: 60px;
margin-bottom: 60px;
color: black;
border-radius: 4px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
background-color: white;
padding: 25px;
height: 285px; }
.talks-and-publications-page .section-2 .contact .header {
font-weight: bold;
font-size: 20px; }
.talks-and-publications-page .section-2 .contact p {
max-width: 300px; }
.talks-and-publications-page .section-2 .contact img {
width: 20px;
height: auto; }
.talks-and-publications-page .section-2 .fund {
height: 285px;
margin-top: 60px;
margin-bottom: 60px;
margin-left: 200px;
color: white;
border-radius: 4px;
border-color: white;
border-style: solid;
border-width: 2px;
width: 400px;
padding: 25px; }
.talks-and-publications-page .section-2 .fund .header {
font-weight: bold; }
.talks-and-publications-page .section-2 .fund p {
max-width: 300px; }
.talks-and-publications-page .section-2 .fund button {
margin-top: 55px;
color: black;
background: #FFF;
border: none;
border-radius: 4px;
border-style: solid;
border-color: white;
padding: 10px 60px; }
.talks-and-publications-page .section-2 .fund button:hover {
background: #FFF; }
.talks-and-publications-page .section-2 .contact-element {
float: left;
width: 100%; }
.talks-and-publications-page .section-2 .contact-element img {
float: left; }
.talks-and-publications-page .section-2 .mail img {
margin-top: 5.5px; }
.talks-and-publications-page .section-2 .mail p {
padding-left: 10px; }
.talks-and-publications-page .section-2 .key img {
margin-top: 5.5px;
width: 24px; }
.talks-and-publications-page .section-2 .key p {
padding-left: 10px; }
.talks-and-publications-page .section-2 .fingerprint img {
margin-top: 2px;
width: 23px; }
.talks-and-publications-page .section-2 .fingerprint p {
padding-left: 10px; }
.talks-and-publications-page .section-footer {
text-align: center;
margin: auto;
background-color: #141a24; }
.talks-and-publications-page .section-footer hr {
border-color: #434850;
width: 100%;
border-width: 1.5px;
padding: 0;
margin-top: 130px; }
.talks-and-publications-page .section-footer img {
padding-top: 20px;
height: auto;
width: 170px;
margin-top: -220px; }
.talks-and-publications-page .section-footer p {
color: #16cdad;
font-size: 14;
padding-bottom: 15px; }
/*1366px styling*/
/*1024px styling*/
/* SCREENS BIGGER THEN 1024 */
@media screen and (min-width: 1024px) {
.our-work-page .img-row .col-md-4:nth-child(1) {
text-align: left; }
.our-work-page .img-row .col-md-4:nth-child(1) p {
text-align: center;
width: 191px;
padding-top: 20px; }
.our-work-page .img-row .col-md-4:nth-child(1):after {
content: "________________";
position: absolute;
color: #16cdad;
top: 55px;
right: -40px; }
.our-work-page .img-row .col-md-4:nth-child(2) {
text-align: center;
margin-top: -15px;
padding-left: 30px !important; }
.our-work-page .img-row .col-md-4:nth-child(2) p {
width: 255px;
text-align: center;
padding-top: 40px; }
.our-work-page .img-row .col-md-4:nth-child(2):after {
content: "________________";
position: absolute;
color: #16cdad;
top: 70px;
right: -105px; }
.our-work-page .img-row .col-md-4:nth-child(3) {
text-align: right;
margin-top: 5px; }
.our-work-page .img-row .col-md-4:nth-child(3) p {
width: 185px;
text-align: center;
float: right;
padding-top: 25px; } }
/* SCREENS SMALLER THEN 1024 */
@media screen and (max-width: 1024px) {
.main-header {
margin-bottom: -2px; }
.our-work-page .background-image {
margin-right: -15px; } }
/*768px Styling*/
@media screen and (min-width: 768px) {
.hide-desktop {
display: none; } }
@media screen and (max-width: 768px) {
h1,
h2 {
font-size: 45px !important; }
.show-mobile {
display: block; }
.hide-mobile {
display: none; }
.mobile-menu {
float: left;
width: 100%;
text-align: left; }
.mobile-menu ul {
width: 100%; }
.mobile-menu li {
float: left !important;
width: 100% !important; }
.mobile-menu li a {
color: #FFF; }
.mobile-menu .burger {
position: absolute;
top: 28px;
right: 15px; }
.burger {
display: inline-block;
border: 0;
background: none;
outline: 0;
padding: 0;
cursor: pointer;
border-bottom: 4px solid #16cdad;
width: 28px;
transition: border-bottom 0s ease-in-out;
-webkit-transition: border-bottom 0s ease-in-out; }
.burger::-moz-focus-inner {
border: 0;
padding: 0; }
.burger:before {
content: "";
display: block;
border-bottom: 4px solid #16cdad;
width: 100%;
margin-bottom: 5px;
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out; }
.burger:after {
content: "";
display: block;
border-bottom: 4px solid #16cdad;
width: 100%;
margin-bottom: 5px;
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out; }
.burger-check {
display: none; }
.burger-check:checked ~ .burger {
border-bottom: 4px solid transparent;
transition: border-bottom 0.8s ease-in-out;
-webkit-transition: border-bottom 0.8s ease-in-out; }
.burger-check:checked ~ .burger:before {
transform: rotate(-405deg) translateY(1px) translateX(-3px);
-webkit-transform: rotate(-405deg) translateY(1px) translateX(-3px);
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out; }
.burger-check:checked ~ .burger:after {
transform: rotate(405deg) translateY(-4px) translateX(-5px);
-webkit-transform: rotate(405deg) translateY(-4px) translateX(-5px);
transition: transform 0.5s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease-in-out; }
.navigation {
overflow: hidden;
max-height: 0;
transition: max-height 0.5s ease-in-out; }
.burger-check:checked ~ .navigation {
max-height: 500px;
transition: max-height 0.5s ease-in-out; }
a {
color: inherit; }
ul {
margin: 0;
padding: 0; }
li {
list-style: none;
font-size: 25px;
padding: 5px 0; }
li a {
text-decoration: none; }
li a:hover {
text-decoration: underline; }
.main-header {
text-align: center; }
.main-header img.logo {
float: left;
margin: 0;
padding: 15px 0 20px;
margin-left: 15px; }
.menu li {
float: left;
width: 50%;
height: 80px; }
span.manchet {
text-align: left !important;
padding-bottom: 30px; }
.home-page h1 {
padding-top: 0;
text-align: left; }
.home-page .manchet p {
text-align: left; }
.home-page .button-pair button {
float: left;
width: 100% !important;
margin-left: 0 !important; }
.home-page .about-us-btn,
.home-page .our-work-btn {
float: left !important;
width: 100% !important;
max-width: unset !important; }
.home-page .section-1 .col-md-4 {
float: left;
width: 100%;
text-align: center;
margin-bottom: 45px; }
.home-page .section-2 {
background: #FFF; }
.home-page .section-2 .column-1 {
column-count: 1; }
.section-footer .contact-container .container {
display: unset; }
.section-footer .contact-container .container .contact,
.section-footer .contact-container .container .fund {
float: left; }
.section-footer .contact-container .container .fingerprint p,
.section-footer .contact-container .container .key p,
.section-footer .contact-container .container .mail p {
padding-left: 10px; }
.section-footer .contact-container .container .fund {
margin-left: 0; }
.section-footer .contact-container .container .fund button {
position: unset;
float: left;
margin-top: 0; }
.section-footer .contact-container .container .contact {
margin-bottom: 0; }
.our-work-page .section-header .container-fluid {
padding: 0; }
.our-work-page .cloumn-2,
.our-work-page .column-1 {
padding-bottom: 20px !important; }
.our-work-page .button-pair {
padding-bottom: 10vh; }
.our-work-page .button-pair button {
max-width: unset;
width: calc(100% - 15px); }
.our-work-page .background-image {
display: none; }
.our-work-page .column-1 {
padding-top: 45px; }
.our-work-page .column-1,
.our-work-page .column-2 {
margin-left: -15px; }
.our-work-page .column-1 img,
.our-work-page .column-2 img {
display: none; }
.our-work-page .manchet p {
float: left !important;
width: 100% !important; }
.our-work-page .section-3 .img-row {
text-align: center; }
.our-work-page .section-3 .img-row .col-md-4 {
padding-bottom: 35px !important;
float: left;
width: 100%; }
.our-work-page .section-3 .img-row .col-md-4 p {
padding-top: 20px; }
.our-work-page .section-3 .read-more-btn {
padding: 15px 0; }
.our-work-page .section-4 .buttons button {
width: calc(50% - 15px);
margin: 0 15px 15px 0;
float: left; }
.our-work-page .section-5 video {
float: left;
width: 100%; }
.our-work-page .section-5 p {
width: 100%; }
.our-work-page .section-5 .button {
width: 100%; }
.our-work-page .section-5 a {
float: left;
padding-top: 20px; }
.our-work-page .section-5 .first-block,
.our-work-page .section-5 .second-block {
float: left; }
.our-work-page .section-5 .second-block .element-2 p {
float: left; }
.about-us-page .manchet {
width: 100% !important; }
.about-us-page button {
float: left;
width: 100%;
margin-bottom: 35px; }
.about-us-page .intro-about-us {
padding-top: 0 !important; }
.about-us-page .intro-about-us .button-pair {
width: auto; }
.about-us-page .intro-about-us .button-pair button {
width: 100%; }
.about-us-page .section-header .dark {
background: #141a24;
padding-bottom: 25px;
height: unset;
padding-left: 0; }
.about-us-page .flex {
display: block; }
.about-us-page .section-1 .pentagon {
max-width: 60px; }
.about-us-page .section-2 blockquote {
height: auto; }
.about-us-page .section-2 .container-fluid {
padding: 0; }
.about-us-page .section-2 .collab-btn,
.about-us-page .section-2 .mirage-btn {
position: relative;
z-index: 9; }
.about-us-page .section-3 ul {
padding-left: 0;
margin-left: -5px; }
.about-us-page .section-3 li {
font-size: 16px; }
.about-us-page .section-3 .container-fluid {
padding: 0; }
.about-us-page .section-3 .columns-2 {
column-count: 1; }
.about-us-page .section-3 .button-pair {
float: left;
padding-bottom: 0; }
.about-us-page .section-3 .button-pair .donate-btn {
margin-left: 0; }
.donate-page .section-header .p-lower,
.donate-page .section-header .p-lowest {
width: 100%;
float: left;
height: auto;
padding: 15px 15px 10px; }
.donate-page .section-header .col-md-12 {
float: left;
width: 100%;
padding: 0; }
.donate-page .section-header .p-lower:first-of-type {
margin: 0; }
.donate-page .section-header .p-lowest {
padding-top: 15px; }
.donate-page .section-header .p-lowest p {
word-break: break-all; }
.donate-page .section-1 p {
float: left;
width: 100%; }
.network-page .col-md-6 {
float: left; }
.network-page .section-1 h2 {
padding-bottom: 25px; }
.network-page .section-1 h4 {
padding-bottom: 15px; }
.network-page .section-1 .container-fluid {
padding: 0; }
.static-page .container-fluid {
padding: 0; }
.talks-and-publications-page .col-md-12 {
float: left; } }
/*480px Styling*/
/* ----------- iPad ----------- */
/*iPad Portrait*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.menu {
text-align: center;
float: left;
padding-bottom: 0;
width: 100%; }
.menu ul {
float: none;
margin: auto;
text-align: center; }
.menu li {
width: unset; }
.network-page .section-1 p.brødtekst {
max-width: 90%; }
.mobile-menu {
display: block; }
.home-page span.manchet p {
margin: 0 !important; }
.home-page .section-1 span.manchet {
padding-bottom: 55px; }
.our-work-page .section-header .container {
padding-bottom: 10vh; }
.our-work-page .section-2 .column-1,
.our-work-page .section-2 .column-2 {
margin: 0;
padding: 0; }
.our-work-page .section-2 .col-md-6 {
width: calc(50% - 50px);
float: left;
margin-right: 50px; }
.our-work-page .section-3 .col-md-4 {
float: left;
width: 33% !important; }
.our-work-page .section-4 .buttons button {
width: calc(33% - 15px); }
.our-work-page .section-5 button {
width: 30% !important; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.menu {
padding-left: 15vw; } }
.section-footer object {
float: left; }
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
/* Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
.home-page .section-1 .col-md-4 {
width: 33%; }
.menu {
width: 90%; }
.mobile-menu {
display: none; } }
/* Landscape */
/* ----------- Retina iPad ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
/* STYLES GO HERE */ }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
/* STYLES GO HERE */ }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
/* STYLES GO HERE */ }
/*iPhone Styling*/
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
/* STYLES GO HERE */ }
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
/* STYLES GO HERE */ }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
/* STYLES GO HERE */ }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
/* STYLES GO HERE */ }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* STYLES GO HERE */ }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* STYLES GO HERE */ }
/*# sourceMappingURL=style_original.css.map */