body {
    font-family: 'Merriweather', serif;
    font-size: 15px;
    margin: 0;
}


.paragraph-size {
    font-size: 25px;
}
/* Fix background history page */
.omos {background-image: none;}
p {margin-bottom: 0;}
ul {padding: 0;}
/* Push content below top menu */
.nav-box {height: 130px;}
.nav-box2 {height: 180px;}
.nav-box3 {height: 180px;}
/* Banner above menu */
.header-above-navbar {
    height: 130px;
    background-image: url("../images/circle75pt.svg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 200%;
    background-color: white;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid black;  }
/* Center image gallery */
.fotorama__wrap { margin: auto; }
/* Center instagram feed */
#feedcontainer {
    margin-left: auto;
    margin-right: auto; }
/* Text-formatting history page */
.history-text {
    line-height: 25px;  }
/* Fixed position problem fix*/
.navbar-fixed-bottom, .navbar-fixed-top {
    position: relative;
    right: 0;
    left: 0;
    /*top: 130px;*/
    z-index: 11;
}


.navbar {
    /*position: fixed;*/
    min-height: 50px;
    margin-bottom: 20px;  }
/* Spacing & text scaling */
/* XS */
@media(max-width:767px){
    /* Landing page image */
    .front-page-image {
        background: url("../images/Mette-and-nieks-fanoe-keramik-small.jpg") center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 320px;  }
    h1 {margin-top: 50px;}
    h2, h1 {font-size: 15px;}
    .text-margin {padding-left: 50px; padding-right: 50px;}
}
/* SM */
@media(min-width:768px){
    /* Landing page image */
    .front-page-image {
        background: url("../images/Mette-and-nieks-fanoe-keramik-small.jpg") center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 500px;  }
    h1 {margin-top: 50px;}
    h2, h1 {font-size: 15px;}
    .text-margin {padding-left: 150px; padding-right: 150px;}
}
/* md */
@media(min-width:992px){
    /* Landing page image */
    .front-page-image {
        background: url("../images/Mette-and-niels-fanoe-keramik.jpg") fixed center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 500px;}
    h1 {margin-top: 50px;}
    h2, h1 {font-size: 15px;}
    .text-margin {padding-left: 200px; padding-right: 200px;}
}
/* LG */
@media(min-width:1200px){
    /* Landing page image */
    .front-page-image {
        background: url("../images/Mette-and-niels-fanoe-keramik.jpg") fixed center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 500px;}
    h1 {margin-top: 50px;}
   h2, h1 {font-size: 15px;}
    .text-margin {padding-left: 300px; padding-right: 300px;}
}
/* 1440p */
@media(min-width:1921px){
    /* Landing page image */
    .front-page-image {
        background: url("../images/Mette-and-nieks-fanoe-keramik-big.jpg") fixed center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 500px;}
    h1 {margin-top: 50px;}
    h2, h1 {font-size: 15px;}
    .text-margin {padding-left: 300px; padding-right: 300px;}
}
/* Remove padding from bootstrap on sides of fluid container */
.no-padding {
    padding-left: 0;
    padding-right: 0;  }
/* Content dividing vase size */
.vase-size {
    min-height: 80px;  }
/* Space above Mette's photo on contact page */
.contact-photo {
margin-top: 50px;
}
.contact-text {
    margin-top: 50px; font-size: 18px;  }
.contact-text-size {
    font-size: 20px;  }
/* Spacing on text mainly home page */
.text-spacer {
    display:block;
    margin:auto;
    height: 40px;
    margin-top: 40px;
    margin-bottom: 30px;
}
/* Navbar center text */
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;  }
.navbar .navbar-collapse {
    text-align: center;  }
/* Remove bullet from UL bootstrap */
ul {
    list-style-type: none;  }
/* Remove active link background color */
@media (min-width: 768px) {
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: rgba(0, 0, 0, 0.3);  }
}
@media (max-width: 768px) {
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: rgba(0, 0, 0, 0.3);  }
}
/* Navbar CSS from botstrap */
.navbar-logo {
    height: 100%;  }
.navbar-brand {
    padding: 0 30px;  }
.navbar-default {
    background: rgba(0,0,0,0.6);
    border-color: #E7E7E7;
    border: none;  }
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* Link */
.navbar-default .navbar-nav > li > a {
    color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: white;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: white;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}

.center-justified {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}
/* Caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}

/* Footer styling */
footer { background-color:#353535; min-height:250px; margin-top: 50px;
    background-image: url("../images/Footer-circle.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 200%;}
.footerleft { margin-top:50px; padding:0 16px; }
.logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}

.footerleft p { color:#fff; font-size:12px !important; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}
.footerleft p i { width:20px; color:#999;}
.paddingtop-bottom {  margin-top:50px;}
.copyright { min-height:40px; background-color:#000000;}
.copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px; font-size: 15px;}

/*  Footer social media decoration */
a {
    color: white;
    text-decoration: none;
}
a:focus, a:hover {
    color: white;
    text-decoration: underline;
}