@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 */