* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Noticia Text', serif;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin-right: 0;
    margin-left: 0;
}


/* HEADER AREA */


/* Top header area */

#pageHeader {
    background-color: rgba(255, 255, 255, 0.92);
}

.navbar-header .navbar-brand img {
    width: 30rem;
    margin-top: 1rem;
}

.navbar-brand {
    height: 3rem;
}

.nav {
    height: 10vh;
}

.nav li a {
    font-size: 1.7rem;
    color: #000000 !important;
}

.nav li a:hover {
    color: #747E88 !important;
}

.navbar {
    margin-bottom: 0;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}

.navbar-default {
    background-color: #FFFFFF;
    border: none;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
}

.carousel-inner .item {
    height: 100vh;
    background-size: cover;
    background-position: center center;
}


/* FIRST PAGE */


/* WELCOME SECTION */

.welcomeText {
    text-align: center;
    margin-bottom: 15rem;
}

.welcomeText h3 {
    margin-top: 13rem;
    margin-bottom: 5rem;
}

.welcomeText p {
    font-size: 1.7rem;
}


/* Links to the 'Våra tjänster' page */

#readMoreButton {
    margin-top: 6rem;
    display: inline-block;
    background-color: #747E88;
    padding: 2rem;
}

#readMoreButton a {
    color: #FFFFFF;
    text-decoration: none;
}

#readMoreButton a:hover {
    color: #000000;
}


/* FRONT PAGE GALLERY*/

.frontPageGallery {
    margin-right: 10rem;
    margin-left: 10rem;
    margin-bottom: 10rem;
}

.frontPageGallery img {
    width: 100%;
    height: auto;
    border-radius: 0.5%;
    margin-bottom: 4rem;
    border: 0.5px solid #747E88;
}


/* BOOKING SECTION */

.contactArea {
    background-color: #747E88;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.7rem;
}

.bookingField {
    margin-bottom: 8rem;
}

.bookingField h3 {
    margin-top: 13rem;
    margin-bottom: 5rem;
}

#bookingButton {
    display: inline-block;
    margin-top: 5rem;
    background-color: #FFFFFF;
    padding: 2rem 6rem;
}

#bookingButton a {
    color: #747E88;
    text-decoration: none;
}

#bookingButton a:hover {
    color: #000000;
}

.border {
    border-bottom: 2px solid #FFFFFF;
    margin-right: 35rem;
    margin-left: 35rem;
    margin-bottom: 8rem;
}

.contactField {
    margin-bottom: 5rem;
    padding-right: 10rem;
    padding-left: 10rem;
}

.contactField i {
    font-size: 5.3rem;
    margin-bottom: 2.5rem;
}

.contactField a {
    text-decoration: none;
    color: #FFFFFF;
}

.contactField a:hover {
    color: #000000;
}

.contact {
    margin-top: 3rem;
    font-size: 1.8rem;
}


/* FOOTER ROW */

.footerRow {
    font-size: 1.3rem;
    background-color: #747E88;
    color: #FFFFFF;
    text-align: center;
    padding-top: 5rem;
    padding-bottom: 2rem;
}

.footerRow a {
    text-decoration: none;
    color: #FFFFFF;
}

.footerRow a:hover {
    color: #000000;
}


/* ABOUT PAGE */

.aboutPage {
    padding-top: 13rem;
    text-align: center;
}

.aboutPage h3 {
    margin-bottom: 5rem;
}

.aboutImagesRow {
    margin-right: 10rem;
    margin-left: 10rem;
    margin-bottom: 10rem;
}

.aboutImages img {
    width: 100%;
    height: auto;
    border-radius: 0.5%;
    margin-bottom: 4rem;
    border: 0.5px solid #747E88;
    margin-top: 6rem;
}


/* VÅRA TJÄNSTER PAGE */

.servicesPage {
    padding-top: 13rem;
    margin-bottom: 10rem;
    text-align: center;
    font-size: 1.7rem;
}

.serviceRow {}

.servicesPage h3 {
    margin-bottom: 5rem;
    margin-top: 5rem;
    font-size: 4rem;
}

.serviceText {
    margin-bottom: 10rem;
}

.ImagesRow {
    margin-right: 10rem;
    margin-left: 10rem;
    margin-bottom: 10rem;
}

.servicesImages img {
    width: 32rem;
    height: auto;
    border-radius: 0.5%;
    margin-bottom: 4rem;
    border: 0.5px solid #747E88;
    margin-top: 6rem;
}

.BostaderRow {
    background-color: #747E88;
}

.PortraitRow {
    background-color: #747E88;
}

.serviceImage {
    width: 35rem;
    height: auto;
    margin-top: 6rem;
    border: 0.5px solid #747E88;
    border-radius: 0.5%;
}

.subheading {
    margin-bottom: 3rem;
}

.text {
    font-size: 1.5rem;
}

.line {
    margin-bottom: 1.2rem;
}


/* Bostader */

.bostader {
    color: #FFFFFF;
    margin-bottom: 7rem;
}

.bostader h3 {
    margin-top: 8rem;
    margin-bottom: 3rem;
}

.bostader h4 {
    margin-bottom: 2.5rem;
}

.bostaderFirstBox {
    color: #FFFFFF;
    padding-right: 10rem;
    padding-left: 10rem;
}

.bostaderSecondBox {
    color: #FFFFFF;
    padding-right: 10rem;
    padding-left: 10rem;
}


/* Buttons */

#pdfButton {
    display: inline-block;
    margin-top: 2.3rem;
    margin-bottom: 5rem;
    background-color: #FFFFFF;
    padding: 2rem;
}

#pdfButton a {
    color: #747E88;
    font-weight: bold;
    text-decoration: none;
}

#pdfButton a:hover {
    color: #000000;
}

#servicesLinkButton {
    display: inline-block;
    margin-top: 2.3rem;
    margin-bottom: 5rem;
    background-color: #FFFFFF;
    padding: 2rem;
}

#servicesLinkButton a {
    color: #747E88;
    font-weight: bold;
    text-decoration: none;
}

#servicesLinkButton a:hover {
    color: #000000;
}


/* Bröllop */

.BrollopRow {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.brollopText {
    padding-right: 10rem;
    padding-left: 10rem;
}


/* Porträtt */

.PortraitRow {
    padding-top: 10rem;
    padding-bottom: 10rem;
    color: #FFFFFF
}

.portraitText {
    padding-right: 10rem;
    padding-left: 10rem;
}


/* Tillägstjänster */

.TillaggstjansterRow h5 {
    font-weight: bold;
}

.tillagstjanster {
    margin-bottom: 5rem;
}

.tillagstjanster h3 {
    margin-top: 8rem;
    margin-bottom: 3rem;
}

.tillagstjanster h4 {
    margin-bottom: 5rem;
}

.TillaggstjansterSecondRow,
.TillaggstjansterThirdRow,
.TillaggstjansterFourthRow {
    margin-right: 3rem;
    margin-left: 3rem;
}

.TillaggstjansterSecondRow p,
.TillaggstjansterThirdRow p,
.TillaggstjansterFourthRow p {
    font-size: 1.2rem;
}

.mastFoton,
.flygfoto,
.fotomontage,
.skymningsbilder,
.marknadsforing {
    margin-top: 8rem;
}

.mastFoton,
.flygfoto,
.fotomontage,
.skymningsbilder,
.marknadsforing,
.planskiss,
.textskrivning,
.blaHimmel {
    padding-right: 3rem;
    padding-left: 3rem;
}

@media(max-width: 1200px) {
    .navbar-header .navbar-brand img {
        width: 20rem;
    }
}