@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600');
     body {
         font-family: 'Montserrat', sans-serif;
         width: 100vw;
         overflow-x: hidden;
     }
     /* -------------------------- SPLASH STYLE ---------------------- */
     
     .splash {
         background-image: url(../img/golf-balls-small.png);
         background-position: center;
         background-size: cover;
         width: 100%;
         height: 100vh;
     }
     
     .splash .splash-arrow-div {
         width: 100%;
         text-align: center;
         //margin-top: 35%;
         bottom: 20px;
         position: absolute;
     }
     
     .splash .logo-div {
         width: 100%;
         text-align: center;
     }
     
     .splash-title {
         width: 50vw;
         max-width: 200px;
         margin: 35vh 25vw 0 25vw;
     }
     
     .splash-arrow {
         width: 25px;
         height: auto;
     }
     /* -------------------------- NAVIGATION STYLE ---------------------- */
     
     nav {
         border-radius: 0;
     }
     
     .navbar {
         position: fixed;
         width: 100%;
         z-index: 10;
         height: 100px;
     }
     
     .container-fluid {
         border: none;
         box-shadow: none;
     }
     
     .navbar-inverse .navbar-toggle:focus,
     .navbar-inverse .navbar-toggle:hover {
         background-color: transparent;
     }
     
     .navbar-inverse .navbar-toggle {
         border: none;
     }
     
     div.navbar_header {
         background-color: white;
     }
     
     .navbar-inverse {
         background-color: white;
         border-color: white;
         box-shadow: 0px 0px 2px #bcbcbc;
     }
     
     .navbar-toggle {
         position: absolute;
         padding: 20px 20px;
         right: 0px;
         background-color: transparent;
     }
     
     .navbar-inverse .navbar-toggle .icon-bar {
         background-color: #0E0A64;
     }
     
     .navbar-toggle .icon-bar {
         display: block;
         width: 30px;
         height: 3px;
         margin: 6px 0px;
         border-radius: 0;
     }
     
     .navbar-inverse .navbar-collapse {
         border: none;
         background-color: #0E0A64;
         margin-top: 45px;
         margin-right: -20px;
         margin-left: -20px;
     }
     
     .navbar-inverse .navbar-nav>li>a {
         color: white;
         font-size: 1.2em;
         letter-spacing: 0.5px;
         background-color: #0E0A64;
     }
     
     .navbar-inverse .navbar-nav>li {
         background-color: #0E0A64;
     }
     
     .navbar-inverse .navbar-nav>li>a:hover {
         color: #EB6652;
     }
     
     .navbar-inverse .navbar-nav>li>a:active ~ .navbar-inverse .navbar-nav>li {
         background-color: white;
     }
     
     .navbar-brand {
         padding: 10px 20px;
     }
     
     .navbar-inverse .navbar-brand {
         width: 100%;
     }
     
     .nav_logo {
         width: 100px;
         //position: relative;
         bottom: 5px;
     }
     
     .navbar-inverse .navbar-nav>li>a.active {
         color: #EB6652;
     }
     
     .change {
         -webkit-transform: translate(9px, );
         transform: translate(9px, 0);
     }
     
     .change .bar1 {
         -webkit-transform: rotate(45deg) translate(0, 13px);
         transform: rotate(45deg) translate(0, 13px);
         transform-origin: center;
     }
     
     .change .bar2 {
         opacity: 0;
     }
     
     .change .bar3 {
         -webkit-transform: rotate(-45deg) translate(0, -13px);
         transform: rotate(-45deg) translate(0, -13px);
         transform-origin: center;
     }
     
     .danish img {
         width: 35px;
         height: auto;
     }
     
     .danish {
         margin-bottom: 10px;
     }
     /* -------------------------- INDEX PAGE ---------------------- */
     
     .row {
         margin: 0;
     }
     
     h2 {
         color: #0E0A64;
         font-size: 22px;
         line-height: 30px;
         letter-spacing: 1px;
         font-weight: 600;
         margin: 40px 20px 0px 20px;
     }
     
     a h2 {
         margin: 20px 20px 0px 20px;
     }
     
     .homeImage {
         padding-top: 100px;
         background-image: url('../img/sandvig-minigolf-home.jpg');
         background-repeat: no-repeat;
         background-position: center;
         background-size: cover;
         height: 100vh;
         width: 100vw;
     }
     
     .colour-background-teal {
         background-color: #A9CED3;
     }
     
     .colour-background-teal p {
         color: white;
         padding-top: 40px;
     }
     
     .whiteLine {
         content: '';
         background-color: white;
         height: 4px;
         width: 165px;
         margin: 20px 0 20px 20px;
     }
     
     .bodyText {
         font-size: 18px;
         line-height: 26px;
         letter-spacing: 0.2px;
         font-weight: 400;
         margin: 0px 20px;
     }
     
     .flowerGirl {
         width: 80%;
         max-width: 400px;
         min-width: 200px;
         margin: 0 10%;
     }
     
     #hammershus {
         padding-bottom: 20px;
         background-color: #FFAC5A;
     }
     
     #bornholmLandmarks {
         margin: 10px 0 0 0;
         background-color: #FFAC5A;
     }
     
     #bornholmLandmarks a,
     #bornholmLandmarks a:active,
     #bornholmLandmarks a:hover {
         text-decoration: none;
     }
     
     #bornholmLandmarks a:hover img {
         transform: translate(10px, 0px);
     }
     
     #bornholmLandmarks a h2 {
         color: #0E0A64;
         font-size: 22px;
         line-height: 30px;
         letter-spacing: 1px;
         font-weight: 600;
     }
     
     #bornholmLandmarks .rightArrow {
         width: 80px;
         right: 20px;
         margin-left: 20px;
         padding-top: 10px;
         transition: 0.2s ease-in-out;
     }
     
     .boardgameLink p {
         margin-top: 20px;
     }
     
     .boardgameFamily {
         padding: 0px;
     }
     
     .blueButton {
         color: white;
         background-color: #0E0A64;
         width: 175px;
         height: 45px;
         padding-top: 10px;
         margin: 20px;
         margin-bottom: 40px;
     }
     
     .blueButton:hover img {
         transform: translate(5px, 0px);
     }
     
     .blueButton p {
         display: inline;
         color: white;
         font-size: 18px;
         font-weight: 500;
         padding: 10px 20px;
         vertical-align: middle;
     }
     
     .blueButton a:active,
     .blueButton a:hover {
         text-decoration: none;
     }
     
     .blueButton img {
         width: 50px;
         display: inline;
         vertical-align: middle;
         transition: 0.2s ease-in-out;
     }
     
     .foodAndDrink {
         background: #CFF2FF;
         background-image: url("../img/food-and-drink-small.png");
         background-repeat: no-repeat;
         background-position: center 0px;
         width: 100%;
         height: 50vh;
     }
     
     .foodAndDrink p {
         color: #F4844F;
         font-size: 20px;
         text-align: center;
         padding: 30px 20px;
         font-weight: 500;
     }
     
     .foodAndDrink ul {
         width: 90%;
         margin: 0 5%;
         padding: 0;
     }
     
     .foodAndDrink li {
         color: #F4844F;
         font-size: 18px;
         text-decoration: none;
         list-style-type: none;
         padding: 10px 20px;
         text-align: center;
     }
     
     .events h2 {
         color: #EB6652;
         margin-bottom: 20px;
     }
     
     .upcomingEvents {
         padding: 0;
     }
     
     .eventList {
         width: 100%;
         margin-bottom: 10px;
     }
     
     .eventTitle {
         display: inline;
         color: #0E0A64;
     }
     
     .eventDate {
         display: inline;
         color: #0E0A64;
         float: right;
     }
     
     .partnerships {
         margin-top: 40px;
     }
     
     .partnerImages {
         display: flex;
         justify-content: center;
     }
     
     .partnerships h3 {
         color: #0E0A64;
         font-size: 20px;
         text-align: center;
         padding-top: 20px;
     }
     
     .partnerships img {
         padding: 10%;
     }
     /* -------------------------- FOOTER STYLE ---------------------- */
     
     footer {
         background-color: #EB6652;
         color: white;
     }
     
     footer p {
         font-size: 14px;
         margin: 0 20px;
         padding: 10px 0;
         letter-spacing: 0.8px;
     }
     
     footer img {
         width: 35px;
         height: auto;
         display: inline;
         padding-left: 10px;
     }
     
     .contactLink {
         color: white;
         font-size: 14px;
         margin: 0 20px;
         padding: 10px 0;
         letter-spacing: 0.8px;
         display: block;
     }
     
     .contactLink img {
         transition: 0.2s ease-in-out;
     }
     
     .contactLink:hover img {
         transform: translate(5px, 0px);
     }
     
     footer p:last-child {
         padding: 40px 0;
     }
     
     .socialMedia {
         text-align: center;
     }
     
     footer svg {
         width: 50px;
         fill: white;
         margin: 20px 10px;
         transition: 0.2s ease-in;
     }
     
     footer a svg:hover {
         fill: #0E0A64;
     }
     
     footer a.contactLink:hover {
         color: white;
     }
     /* -------------------------- ABOUT STYLE ---------------------- */
     
     .colour-background-image {
         padding-top: 100px;
         background-image: url(../img/golf-clubs.png);
         background-position: center;
         background-size: cover;
         width: 100%;
         height: 100vh;
         padding-bottom: 1px;
     }
     
     div.colour-background-image h2 {
         margin-top: 20%;
     }
     
     .colour-background-image p {
         color: white;
         padding-top: 20px;
     }
     
     .colour-background-image .whiteLine {
         display: block;
         margin-bottom: 40px;
     }
     
     .owners h2 {
         margin-top: 40px;
     }
     
     .owners img {
         display: block;
         width: 70%;
         max-width: 300px;
         height: auto;
         margin: 40px auto;
     }
     
     .owners h3 {
         color: #0E0A64;
         padding: 0 20px;
         font-weight: 500;
     }
     
     .owners p {
         color: #0E0A64;
         padding-bottom: 40px;
     }
     
     .bunting1 {
         background-image: url('../img/minigolf-bunting.png');
         background-position: center;
         background-size: cover;
         width: 100%;
         height: 175px;
     }
     
     .bunting2 {
         background-image: url('../img/minigolf-bunting-2.png');
         background-position: center;
         background-size: cover;
         width: 100%;
         height: 175px;
     }
     
     .krolleBolle {
         background-color: #CFF2FF;
         padding: 40px 0;
     }
     
     .krolleBolle img {
         width: 60%;
         margin: 0 20%;
     }
     
     .krolleName {
         font-size: 16px;
         font-weight: 500;
         letter-spacing: 0.6;
         text-align: center;
         color: #0E0A64;
     }
     
     .krolleBolle h2 {
         margin-bottom: 20px;
     }
     
     .krolleBolle p {
         margin-bottom: 20px;
     }
     /* -------------------------- 18 HOLES STYLE ---------------------- */
     
     .colour-background-orange {
         background-color: #FFAC5A;
         padding-top: 100px;
         padding-bottom: 1px;
     }
     
     .orange {
         background-color: #FFAC5A;
     }
     
     .colour-background-orange p {
         color: white;
         padding-top: 40px;
     }
     
     .holeImage {
         height: 300px;
         width: 100%;
         background-position: center;
         background-size: cover;
     }
     
     .holePadding {
         padding: 0px;
     }
     
     #holeImage1 {
         background-image: url(../img/hammerodde-fyr.png);
     }
     
     #holeImage2 {
         background-image: url(../img/Rogeri.png);
     }
     
     #holeImage3 {
         background-image: url(../img/hammershus.png);
     }
     
     #holeImage4 {
         background-image: url(../img/Kongemindet.png);
     }
     
     #holeImage5 {
         background-image: url(../img/osterlars-kirke.png);
     }
     
     #holeImage6 {
         background-image: url(../img/st-nicolai-kirke.png);
     }
     
     #holeImage7 {
         background-image: url(../img/Kleven.png);
     }
     
     #holeImage8 {
         background-image: url(../img/windmill.png);
     }
     
     #holeImage9 {
         background-image: url(../img/ferry.png);
     }
     
     #holeImage10 {
         background-image: url(../img/sandvig-minigolf-hut.png);
     }
     
     .circle {
         background-color: #CFF2FF;
         color: #0E0A64;
         width: 130px;
         height: 130px;
         border-radius: 65px;
         display: flex;
         align-items: center;
         justify-content: center;
         margin-top: -80px;
         z-index: 50;
         margin-left: 20px;
     }
     
     .circle h3 {
         font-weight: 600;
         font-size: 16px;
         text-align: center;
         line-height: 20px;
         letter-spacing: 0.2px;
         margin: 0;
     }
     
     .holes .oneHole:nth-child(3n+3) .circle {
         background-color: #FFAC5A;
     }
     
     .holes .oneHole:nth-child(3n+2) .circle {
         background-color: #EB6652;
         color: white;
     }
     
     #windmill {
         font-size: 14px;
     }
     
     .holes p {
         padding: 20px 0 60px 0;
         font-size 18px;
     }
     /* -------------------------- BOARDGAME CAFE STYLE ---------------------- */
     
     .colour-background-purple {
         background-color: #A8CBEE;
         padding-top: 100px;
     }
     
     .purple {
         background-color: #A8CBEE;
     }
     
     .colour-background-purple p {
         color: white;
         padding-top: 20px;
     }
     
     .signs {
         width: 60%;
         margin: 0 20%;
         max-width: 300px;
     }
     
     .boardgame {
         color: #0E0A64;
     }
     
     .boardgame p {
         padding: 20px 0 60px 0;
     }
     
     .bastardCafe {
         width: 200px;
         margin: 40px auto 60px auto;
     }
     
     .gamePartnership h3 {
         color: #0E0A64;
         font-size: 20px;
         text-align: center;
         padding-top: 20px;
     }
     /* -------------------------- GALLERY STYLE ---------------------- */
     
     #gallery-carousel {
         padding-top: 100px;
         margin-bottom: 200px;
     }
     
     .carousel-inner {
         overflow: visible;
     }
     
     .wrapArrows {
         position: relative;
     }
     
     .gallery-left {
         width: 35px;
         margin-left: 20px;
         z-index: 5;
         position: absolute;
         top: 45%;
     }
     
     .gallery-right {
         width: 35px;
         z-index: 5;
         position: absolute;
         top: 45%;
         right: 20px;
     }
     
     .galleryCaption {
         color: #0E0A64;
         text-shadow: none;
         text-align: left;
         font-size: 16px;
     }
     
     .galleryAuthor {
         color: #0E0A64;
         text-shadow: none;
         text-align: left;
         font-size: 14px;
         text-transform: uppercase;
         font-weight: 600;
     }
     
     .carousel-caption {
         position: absolute;
         bottom: -100px;
         color: #0E0A64;
         right: 20px;
         left: 20px;
     }
     
     .noOverflow {
         overflow: hidden;
         width: 100%;
         height: 70vh;
         display: flex;
         align-items: center;
     }
     
     .noOverflow img {
         width: 100%;
     }
     
     #fileUpload {
         display: none;
     }
     
     .inputImage {
         cursor: pointer;
     }
     
     .submitPhoto {
         margin-top: -60px;
         background-color: #A9CED3;
     }
     
     .submitPhoto p {
         color: white;
         padding-top: 40px;
     }
     
     .submitForm {
         color: white;
     }
     
     .submitForm label,
     .submitForm h2 {
         //margin: 0 20px;
     }
     
     .submitForm h2 {
         padding: 40px 0px 20px 0;
     }
     
     .submitForm label {
         font-size: 13px;
         letter-spacing: 0.5px;
         padding: 10px 10px 0px 0px;
     }
     
     .inputImage {
         width: 50%;
         height: auto;
         margin: 20px 0;
         text-align: center;
     }
     
     #previewPicture {
         width: 80%;
         height: 200px;
         margin: 0 10%;
         background-size: cover;
         text-align: center;
     }
     
     .formRow {
         display: flex;
         flex-direction: row;
         justify-content: flex-end;
         margin-bottom: 10px;
     }
     
     .formRow input,
     .formRow textarea {
         border: none;
         width: 80%;
         min-width: 251px;
         max-width: 500px;
         color: #0E0A64;
     }
     
     .formRow input:selection,
     .formRow textarea:selection {
         border: 1px #0E0A64;
     }
     
     .imageDetails {
         display: flex;
         flex-direction: column;
         width: 90%;
         margin: 20px 5% 0 5%;
     }
     
     #imageLabel {
         margin-left: 20px;
     }
     
     .imageDetails .submit {
         display: none;
     }
     
     .blueSubmit {
         width: 165px;
         height: 45px;
         background-color: #0E0A64;
         color: white;
         font-size: 16px;
         text-align: center;
         vertical-align: middle;
     }
     
     .blueSubmit:hover img {
         transform: translate(px, 0px);
         //display: none;
     }
     
     .blueSubmit img {
         width: 40px;
         height: auto;
         display: inline;
         margin-left: 10px;
         margin-right: -8px;
         transition: 0.2s ease-in-out;
     }
     
     .instagramSection {
         color: #0E0A64;
     }
     
     .instagramSection h2 {
         margin-top: 40px;
     }
     
     .instagramSection p {
         padding: 20px 0 40px 0;
     }
     
     .instagramFeed {
         margin: 0 auto 40px auto;
         text-align: center;
     }
     
     .instagramFeed iframe {
         height: 2150px!important;
     }
     /* -------------------------- VISIT US STYLE ---------------------- */
     
     .getHere {
         padding-top: 100px;
         background-color: #CFF2FF
     }
     
     .getHere h2 {
         padding-bottom: 20px;
     }
     
     .getHere p {
         padding-bottom: 20px;
     }
     
     .getHere .flowerGirl {
         width: 60%;
         margin: 0 20%;
         padding-bottom: 40px;
     }
     
     #map {
         width: 100%;
         height: 300px;
         background-color: grey;
     }
     
     div.getHere div.noMargin {
         padding-right: 0px;
     }
     
     .visitorInfo {
         background-color: white;
         padding-bottom: 40px;
     }
     
     .visitorInfo h2 {
         padding: 40px 0 20px 0;
         margin-top: 0;
     }
     
     .visitorInfo p {
         padding-top: 20px;
         color: #0E0A64;
         margin-left: 0;
     }
     
     .visitorInfo p.person {
         display: inline;
         color: #0E0A64;
         font-size: 16px;
         padding-top: 0px;
     }
     
     .visitorInfo p.price {
         display: inline;
         color: #0E0A64;
         float: right;
         font-size: 16px;
         padding-top: 0px;
     }
     
     .priceList {
         width: 100%;
         padding: 0;
     }
     
     .priceList .bodyText {
         //margin: 0;
     }
     
     .visitorInfo h3 {
         font-size: 18px;
         margin-left: 20px;
         color: #0E0A64;
     }
     
     a#snackButton p {
         color: white;
     }
     
     a#snackButton div.blueButton {
         width: 185px;
     }
     
     .snackContainer {
         //margin-left: 10%;
     }
     /* -------------------------- CONTACT STYLE ---------------------- */
     
     .colour-background-contact {
         background-color: #A9CED3;
     }
     
     .colour-background-contact p {
         color: white;
         padding-top: 40px;
     }
     
     .contactInfo {
         padding-top: 100px;
         background-color: #A9CED3;
     }
     
     .contactInfo p {
         color: white;
         padding-top: 20px;
         margin-left: 0px;
     }
     
     .contactInfo h2 {
         margin-left: 0px;
     }
     
     .luluIllustration {
         width: 30%;
         height: auto;
         margin: 40px 35%;
     }
     
     .contactForm h2 {
         margin-top: 40px;
         margin-bottom: 40px;
     }
     
     .contactForm label {
         font-size: 13px;
         letter-spacing: 0.5px;
         padding: 10px 10px 0px 0px;
         color: #0E0A64;
     }
     
     .contactForm div.formRow input,
     .contactForm div.formRow textarea {
         width: 80%;
         border: #0E0A64 solid 1px;
         min-width: 251px;
         max-width: 500px;
     }
     
     div.formRow label.blueSubmit {
         width: 170px;
         height: 45px;
         background-color: #0E0A64;
         color: white;
         font-size: 16px;
         text-align: center;
         vertical-align: middle;
         margin-bottom: 40px;
     }
     
     div.formRow label.blueSubmit:hover img {
         transform: translate(10px, 0px);
         // display: none;
     }
     
     .blueSubmit img {
         width: 40px;
         height: auto;
         display: inline;
         margin-left: 10px;
         margin-right: -8px;
         transition: 0.2s ease-in-out;
     }
     /* -------------------------- BLOG ---------------------- */
     
     .blog {
         padding-top: 100px;
         color: #0E0A64;
     }
     
     .blog h2 {
         padding-bottom: 20px;
     }
     
     .blog h3 {
         font-size: 18px;
         line-height: 26px;
     }
     
     .blog h4 {
         font-size: 16px;
         font-weight: 400;
     }
     
     .article {
         padding-bottom: 40px;
     }
     
     .blog .article a {
         color: #0E0A64;
     }
     
     .blog .article a:hover {
         color: #EB6652;
     }
     
     .oneArticle {
         max-width: 900px;
         padding-top: 100px;
         color: #0E0A64;
     }
     
     .inArticleImage {
         max-width: 900px;
     }
     
     .oneArticle h3 {
         font-size: 18px;
         line-height: 26px;
         margin-left: 20px;
         margin-right: 20px;
     }
     
     .oneArticle h4 {
         font-size: 16px;
         font-weight: 400;
         margin-left: 20px;
         margin-right: 20px;
         font-weight: 500;
     }
     
     .oneArticle img {
         padding-top: 40px;
         padding-bottom: 40px;
     }
     
     .oneArticle ol {
         margin-left: 20px;
         margin-right: 20px;
         line-height: 28px;
         padding-top: 20px;
     }
     
     .comments {
         max-width: 900px;
         color: #0E0A64;
         padding-bottom: 60px;
     }
     
     .comments h3 {
         font-size: 18px;
         line-height: 26px;
         margin-left: 20px;
         margin-right: 20px;
     }
     
     .comments h4 {
         font-size: 16px;
         font-weight: 400;
         margin-left: 20px;
         margin-right: 20px;
     }
     
     .comments p {
         margin-left: 20px;
         margin-right: 20px;
     }
     /* -------------------------- TABLET ---------------------- */
     
     @media only screen and (min-width: 600px) {
         .splash .splash-arrow-div {
             width: 100%;
             text-align: center;
             margin-top: 25%;
         }
         .flowerGirl {
             width: 60%;
             margin: 0 20%;
         }
         .imageDetails {
             width: 70%;
             margin: 20px 15% 0 15%;
         }
         .center {
             width: 60%;
             margin: 0 20%;
         }
         footer {
             display: flex;
             flex-wrap: wrap;
         }
         .topLeft {
             //display: inline-block;
             //float: left;
             width: 30%;
         }
         .topRight {
             //display: inline-block;
             //float: right;
             width: 30%;
         }
         .bottomLeft {
             //display: inline-block;
             //float: left;
             width: 50%;
             margin-bottom: 30px;
         }
         .bottomRight {
             //display: inline-block;
             //float: right;
             width: 50%;
             text-align: right;
         }
         .socialMedia {
             text-align: right;
             margin: 20px 20px;
         }
         .footerBottom {
             display: flex;
             align-items: flex-end;
             justify-content: space-between;
             width: 100%;
         }
         .oneArticle,
         .comments {
             width: 70%;
             margin-left: 15%;
         }
         .imageCentered {
             display: flex;
             justify-content: center;
         }
     }
     
     @media only screen and (min-width: 768px) {
         .navbar {
             height: 100px;
             border-radius: 0;
         }
         div#mynavbar.collapse.navbar-collapse {
             padding: 0;
         }
         div.navbar_header {
             background-color: white;
         }
         .navbar-inverse {
             background-color: white;
             border-color: white;
             box-shadow: 0px 0px 2px #bcbcbc;
         }
         .navbar-inverse .navbar-collapse {
             border: none;
             background-color: white;
             margin-top: 45px;
             //margin-right: -20px;
             margin-left: -20px;
         }
         .navbar-inverse .navbar-nav>li>a {
             color: #0E0A64;
             font-size: 0.8em;
             font-weight: 500;
             background-color: white;
         }
         .navbar-inverse .navbar-nav>li {
             background-color: white;
         }
         .navbar-inverse .navbar-nav>li>a:hover {
             color: #EB6652;
         }
         .navbar-inverse .navbar-nav>li>a:active ~ .navbar-inverse .navbar-nav>li {
             background-color: white;
         }
         .navbar-brand {
             padding: 10px 20px;
         }
         .navbar-inverse .navbar-brand {
             width: 100%;
         }
         .navbar-inverse .navbar-nav>li>a.active {
             color: #EB6652;
         }
         .danish img {
             width: 20px;
             height: auto;
         }
         .danish {
             margin-bottom: 10px;
         }
         .navbar-collapse.collapse {
             height: auto!important;
             padding-bottom: 0;
             overflow: visible!important;
             display: flex!important;
             margin-right: 0px;
             margin-top: 5px;
             justify-content: flex-end;
         }
         .nav>li>a {
             position: relative;
             display: block;
             padding: 10px 8px;
         }
         .splash .splash-arrow-div {
             width: 100%;
             text-align: center;
             margin-top: 20%;
         }
         .colour-background-teal {
             display: flex;
             flex-direction: row-reverse;
             height: 100vh;
             align-items: center;
         }
         .colour-background-teal p {
             padding-right: 20%;
         }
         #hammershus {
             background-color: white;
             padding-bottom: 20px;
             display: flex;
             width: 100%;
             flex-direction: column;
             justify-content: flex-end;
         }
         #bornholmLandmarks {
             margin: -20px 0 0 0;
             max-width: 800px;
             right: 0px;
             padding-bottom: 10px;
         }
         .justifyLeft {
             display: flex;
             flex-direction: row;
             justify-content: flex-end;
         }
         #bornholmLandmarks a {
             display: flex;
             flex-direction: row;
             justify-content: center;
             max-width: 800px;
             padding-bottom: 10px;
             padding-right: 30px;
         }
         #bornholmLandmarks a h2 {
             color: #0E0A64;
             font-size: 22px;
             line-height: 30px;
             letter-spacing: 1px;
             font-weight: 600;
         }
         #bornholmLandmarks .rightArrow {
             height: 40px;
             margin-left: 20px;
             display: inline;
             padding-top: 10px;
             margin-top: 10px;
         }
         .boardgameLink {
             margin-top: 100px;
         }
         .foodAndDrink {
             height: 50vh;
             margin-top: 100px;
         }
         .foodAndDrink ul,
         .foodAndDrink .row {
             background-color: #CFF2FF;
         }
         .foodAndDrink div.row {
             margin-top: 50px;
         }
         .events {
             margin-top: 100px;
         }
         .events h2 {
             // margin-top: 0px;
         }
         .partnerships {
             margin-top: 100px;
         }
         .partnerships img {
             padding: 40px;
         }
         .oneOwner h3 {
             text-align: center;
         }
         .ownerText {
             margin-top: 20px;
         }
         .bunting1,
         .bunting2 {
             height: 250px;
         }
         .reversePE {
             display: flex;
             flex-direction: row-reverse;
         }
         .reversePE .ownerText {
             margin-left: 20px;
         }
         #luluName {
             padding-bottom: 40px;
         }
         .krolleBolle {
             height: 100vh;
             display: flex;
             flex-direction: row;
             align-items: center;
         }
         .krolleBolle p.bodyText {
             padding-right: 10%;
         }
         .alignKB {
             display: flex;
             flex-direction: row;
             align-items: center;
         }
         .krolleBolle img {
             width: 70%;
             margin: 0 15%;
         }
         .colour-background-orange {
             display: flex;
             flex-direction: row-reverse;
             height: 100vh;
             align-items: center;
         }
         .colour-background-orange p {
             padding-right: 20%;
         }
         .holeImage {
             max-width: 768px;
         }
         .holes {
             margin-top: 40px;
         }
         .oneHole {
             margin-bottom: 40px;
         }
         .holes .oneHole:nth-child(2n+2) .circle {
             margin-left: 618px;
         }
         .holes p {
             max-width: 768px;
         }
         .orange .flowerGirl {
             max-width: 340px;
         }
         .colour-background-purple {
             display: flex;
             flex-direction: row-reverse;
             height: 100vh;
             align-items: center;
         }
         .colour-background-purple p {
             color: white;
             padding-top: 20px;
         }
         .signs {
             width: 60%;
             margin: 0 20%;
             max-width: 300px;
         }
         .boardgame {
             margin-bottom: 40px;
         }
         .boardgame h2 {
             margin-top: 0px;
         }
         .boardgames {
             margin-top: 100px;
         }
         .imageDetails {
             width: 98%;
             margin: 20px 1% 0 1%;
         }
         .visitorInfo {
             padding-top: 60px;
             padding-bottom: 100px;
         }
         .getHere {
             display: flex;
             height: 100vh;
             align-items: center;
         }
         .prices {
             max-width: 400px;
             display: flex;
             flex-direction: row;
             justify-content: center;
         }
         .ballsBubbles {
             max-width: 300px;
         }
         .colour-background-contact {
             display: flex;
             height: 100vh;
             align-items: center;
         }
         .centerForm {
             width: 60%;
             margin: 0 20%;
         }
         .contactForm {
             margin-top: 20px;
             margin-bottom: 100px;
         }
         .contactForm h2 {
             padding-bottom: 40px;
         }
         .instagramFeed iframe {
             height: 1850px!important;
         }
         .contactInfo p {
             margin-left: 20px;
         }
         .contactInfo h2 {
             margin-left: 20px;
         }
     }
     
     @media only screen and (min-width: 870px) {
         .nav>li>a {
             position: relative;
             display: block;
             padding: 10px 8px;
         }
         .navbar-inverse .navbar-nav>li>a {
             font-size: 1em;
         }
         .splash {
             background-image: url(../img/golf-balls-large.png);
             background-position: center;
             background-size: cover;
             width: 100%;
             height: 100vh;
         }
     }
     
     @media only screen and (min-width: 992px) {
         .navbar-collapse.collapse {
             height: auto!important;
             padding-bottom: 0;
             overflow: visible!important;
             display: flex!important;
             margin-right: 0px;
             margin-top: 5px;
             justify-content: space-around;
         }
         ul.nav.navbar-nav {
             width: 100%;
             display: flex;
             justify-content: space-around;
         }
         .nav_logo {
             width: 120px;
             height: auto;
         }
         .nav>li>a {
             position: relative;
             display: block;
             padding: 10px 8px 0px 8px;
         }
         nav.navbar.navbar-expand-md.navbar-inverse {
             height: auto;
         }
         .boardgame {
             margin-bottom: 60px;
         }
         .holes .oneHole:nth-child(2n+2) .circle {
             margin-left: 78%;
         }
         .bunting1,
         .bunting2 {
             height: 300px;
         }
         .noOverflow {
             width: 80%;
             margin: 0 10%;
         }
         /*
         .float {
    float: right;
    width: 300px
}
*/
         .instagramFeed iframe {
             height: 1030px!important;
         }
     }
     
     @media only screen and (min-width: 1200px) {
         .nav_logo {
             //width: 150px;
         }
         .center {
             width: 40%;
             margin: 0 30%;
         }
         .container,
         .container-fluid {
             padding-left: 100px;
             padding-right: 100px;
         }
         .purple {
             background-color: #A8CBEE;
         }
         .colour-background-purple {
             display: flex;
             flex-direction: row-reverse;
             height: 100vh;
             align-items: flex-end;
         }
         .colour-background-purple p {
             color: white;
             padding-top: 20px;
         }
         .boardgameText {
             padding-bottom: 30vh;
         }
         .holes .oneHole:nth-child(2n+2) .circle {
             margin-left: 70%;
         }
         .noOverflow {
             width: 70%;
             margin: 0 15%;
         }
         .instagramFeed iframe {
             height: 760px!important;
         }
     }
     
     @media only screen and (min-width: 1400px) {
         .bunting1,
         .bunting2 {
             height: 350px;
         }
         .noOverflow {
             width: 60%;
             margin: 0 20%;
         }
     }
     
     @media only screen and (min-width: 1500px) {
         .holes .oneHole:nth-child(2n+2) .circle {
             margin-left: 60%;
         }
         .holeImage {
             max-width: 850px;
             height: 400px
         }
         .holes p {
             padding-top: 100px;
         }
         .bunting1,
         .bunting2 {
             background-position: 0 -100px;
             background-repeat: no-repeat;
             height: 450px;
         }
     }