body {
    background-image: url('../img/background.jpg');
    font-family: font;
    letter-spacing: 1px;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 89px;
}
a {
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
a:hover {
    color: #28b88b;
}
.clear {
    clear: both;
}

/* ---- Text (White) ---- */
.dividers-light {          
    color: rgba(255, 255, 255, 0.12);  
}
.disabled-hint-text-light {
    color: rgba(255, 255, 255, 0.3);   
}
.secondary-text-light {    
    color: rgba(255, 255, 255, 0.7);   
}
.text-icons-light {        
    color: rgba(255, 255, 255, 1);     
}

/* ---- Text (Black) ---- */
.dividers-dark {           
    color: rgba(0, 0, 0, 0.12);    
}
.disabled-hint-text-dark { 
    color: rgba(0, 0, 0, 0.26);    
}
.secondary-text-dark {     
    color: rgba(0, 0, 0, 0.54);    
}
.text-icons-dark {         
    color: rgba(0, 0, 0, 0.87);    
}

/* ---- Errors ---- */
.error {
    color: #D7262F;
}

/* ---- Color Pallet ---- */
.main {
    color: #28b88b;
}
.secondary {
    color: #;
}
.third {
    color: #;
}
.fourth {
    color: #;
}
.fifth {
    color: #;
}

.bold {
    font-family: fontBold;
}
.italic {
    font-family: fontItalic;
}


/***********************************************************************************************/
/* HEADER */
/***********************************************************************************************/
.navbar-brand {
    padding: 0;
}
.header-logo {
    height: 50px;
    position:relative;
    z-index:999;
}

/* ---- Header(Navigation) ---- */
.navbar-default {
    background-color: transparent;
    border: none;
    font-size: 24px;
}
.navbar-collapse {
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
}
.navbar-collapse ul li {
    text-align: center;
    border-bottom: 1px #c4c4c4 dashed;
}
.navbar-collapse ul li:last-child {
    border-bottom: none;
}


/***********************************************************************************************/
/* Main Content */
/***********************************************************************************************/
.main {
    position: relative;
    z-index: 1;
}

/* ---- Main Content(Carousel) ---- */
.carousel-inner>.item>.mobile>img {
    width: 100%;
}
.carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.2);
}
.carousel-indicators .active {
    background-color: rgba(0, 0, 0, 0.25);
}

/* ---- Main Content(Blog) ---- */
.post-one {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
    padding-bottom: 40px;
}

/* ---- Main Content(News Modal Img) ---- */
.image p a img  {
    width: 260px;
    height: 140px;
    margin: auto;
}

/* ---- Main Content(Services) ---- */
img.services {
   width: 100%;
   max-width: 400px; 
}

/* ---- Main Content(Photography) ---- */
.pictures {
  text-align: center;
}
a.fancybox img[class] {
  height: 200px;
  width: 200px;
  margin: 5px 0;
  text-align: center;
}
img.photo-portfolio {
  object-fit: cover;
}
img.photo-portfolio-main {
  width: 90%;
  max-width: 400px;
  margin: 5px 0;
  text-align: center;
}



/***********************************************************************************************/
/* Footer */
/***********************************************************************************************/
.footer {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    height: 69px;
    position: absolute;
    width: 100%;
}
.footer-nav {
    padding: 0;
    margin: 10px auto;
    text-align: center;
}
.footer-nav li {
    display: inline;
    font-size: 12px;
}
.footer-nav li a {
    color: rgba(0, 0, 0, 0.5);
    font-family: fontBold;
}


/***********************************************************************************************/
/* Media Query Min Screen Size 500 px */
/***********************************************************************************************/
@media (min-width: 500px) {

    /***********************************************************************************************/
    /* Navigation */
    /***********************************************************************************************/


    /***********************************************************************************************/
    /* HEADER */
    /***********************************************************************************************/
    
    .image p a img  {
        width: 500px;
        height: 269px;
    }
}


/***********************************************************************************************/
/* Media Query Min Screen Size 691 px */
/***********************************************************************************************/
@media (min-width: 692px) {

    /***********************************************************************************************/
    /* Navigation */
    /***********************************************************************************************/



    /***********************************************************************************************/
    /* HEADER */
    /***********************************************************************************************/
    
    .image p a img  {
        width: 625px;
        height: 337px;
    }
}


/***********************************************************************************************/
/* Media Query Min Screen Size 768 px */
/***********************************************************************************************/
@media (min-width: 768px) {

    /***********************************************************************************************/
    /* HEADER */
    /***********************************************************************************************/
    .navbar-brand {
        padding: 15px;
    }
    .header-logo {
        height: 100px;
        position:relative;
        z-index:999;
    }

    /* ---- Header(Navigation) ---- */
    .navbar-default {
        font-size: 12px;
    }
    .navbar-nav {
        margin-top: 68px;
    }
    .navbar-collapse {
        background-color: transparent;
    }
    .navbar-collapse ul li {
        border-bottom: none;
    }

    .footer-nav li {
        font-size: 16px;
        margin: auto 20px;
    }

    .image p a img  {
        width: 500px;
        height: 269px;
    }
}


/***********************************************************************************************/
/* Media Query Min Screen Size 992 px */
/***********************************************************************************************/
@media (min-width: 992px) {

    /***********************************************************************************************/
    /* Navigation */
    /***********************************************************************************************/
    .navbar-default {
        font-size: 16px;
    }
    .carousel-inner>.item>.desktop>img {
        width: 100%;
    }
}


/***********************************************************************************************/
/* Media Query Min Screen Size 1200 px */
/***********************************************************************************************/
@media (min-width: 1200px) {
    .navbar-default {
        font-size: 20px;
    }
}


/***********************************************************************************************/
/* Custom Fonts */
/***********************************************************************************************/
@font-face {
  font-family: 'font';
  src: url('../fonts/champagne/champagne__limousines-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/champagne/champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/champagne/champagne__limousines-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/champagne/champagne__limousines-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/champagne/champagne__limousines-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'fontBold';
  src: url('../fonts/champagne/champagne__limousines_bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/champagne/champagne__limousines_bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/champagne/champagne__limousines_bold-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/champagne/champagne__limousines_bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/champagne/champagne__limousines_bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'fontBoldItalic';
  src: url('../fonts/champagne/champagne__limousines_bold_italic-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/champagne/champagne__limousines_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/champagne/champagne__limousines_bold_italic-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/champagne/champagne__limousines_bold_italic-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/champagne/champagne__limousines_bold_italic-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'fontItalic';
  src: url('../fonts/champagne/champagne__limousines_italic-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/champagne/champagne__limousines_italic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/champagne/champagne__limousines_italic-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/champagne/champagne__limousines_italic-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/champagne/champagne__limousines_italic-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}