/*
 * Start Bootstrap - Logo Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html body {
   /* padding-top: 70px;*/ /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
   height: 100%;
 }

 ::selection {
  background: #faaf40; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #faaf40; /* Gecko Browsers */

}





.navbar-fixed-top .nav {
    padding: 15px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}



.navbar-inverse .navbar-nav>li>a {
	line-height: 24px;
    color: #FF6C0C;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #FF6C0C;

}

.navbar-inverse .navbar-toggle {
    border-color: #FF6C0C;
}

.nav a{
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	font-size: 14pt;
}

.navbar-inverse {
    background-color: #fff;
    border-color: #FF6C0C;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #a726a1;
    background-color: transparent;
}

.navbar-toggle {
    margin-top: 25px;
}

button, input, optgroup, select, textarea {
    margin: 16px;
    font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	font-size: 10pt;
	color: #FF6C06;
	border: none;
	background-color: white;
}


:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.one a {
  text-decoration: none;
  color: #a726a1;
  margin: 0 20px 0 0;
  position: relative;
}

.one a:before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #a726a1;
  content: '';
  -webkit-transform: translateY(8px);
  opacity: 0;
  transition-property: -webkit-transform, opacity;
  transition-duration: .3s;
}

.one a:hover:before {
  -webkit-transform: translateY(0);
  opacity: 1;
}

/*INDEX*/


.index-section{
	  width: 100%;
	  padding: 0 0%;
	  margin-top: -1%;
	  max-width: none;
	  height: 100vh;
    background: url('../img/index-bg.jpg');
    background-size: cover;
    display: flex;
    align-items: center;

}

.index-section p{
	color: white;
	text-align: center;
	font-family: 'work sans', sans-serif;
	font-weight: 300;
}

.index-section h1{
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	font-size: 44pt;
	color: #FF6C0C;
    text-decoration:none;
    transition: background 0.5s cubic-bezier(.33,.66,.66,1);
    text-align: center;
}

.index-section a{
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	color: white;
}
/*CATALOGUE*/


.catalogue{
	  width: 100%;
	  padding: 0 0%;
	  margin-top: -5%;
	  max-width: none;
	  height: 100vh;
      background: url('../img/jumbo.jpg');
      background-size: cover;
      display: flex;
      align-items: center;

}
.catalogue p{
	color: white;
	text-align: center;
	font-family: 'work sans', sans-serif;
	font-weight: 300;
}

 .overlay {  
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.7);
  }


.cover-img{
	height: auto;
	width: 100%;
}


.catalogue a{
	font-family: 'Work Sans', sans-serif;
	font-weight: 300;
	font-size: 44pt;
	color: #FF6C0C;
    text-decoration:none;
    transition: background 0.5s cubic-bezier(.33,.66,.66,1);
    text-align: center;
}

.catalogue a:hover {
  background: #FFF;
}



/* FOOTER */
.footer{
	position: relative;
}

.footer-bottom {
    background-color: white;
    min-height: 30px;
    width: 100%;
}
.copyright {
    color: #9a9a9a;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    font-family: 'work sans', sans-serif;
}
.design {
    color: #9a9a9a;
    font-family: 'work sans', sans-serif;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
    color: #9a9a9a;
    font-family: 'work sans', sans-serif;
}

/* FOOTER MOBILE*/
.footer-m{
	position: relative;
}

.footer-bottom-m {
    background-color: white;
    min-height: 30px;
    width: 100%;
}
.copyright-m {
    color: #9a9a9a;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    font-family: 'work sans', sans-serif;
    text-align: center;
}
.design-m {
    color: #9a9a9a;
    font-family: 'work sans', sans-serif;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: center;
}
.design-m a {
    color: #9a9a9a;
    font-family: 'work sans', sans-serif;
}


@media(min-width:768px) {
    body {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0;
    }
}

@media (min-width: 768px){
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: 50px;}
}


@media (max-width: 768px){
	.navbar-collapse a {
    text-align: center;
	}

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




@media (max-width: 768px){.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, 
 .container>.navbar-header {
    margin-right: 30px;
    margin-left: 30px;
}
}

@media (max-width: 768px){
  .navbar-brand {
    margin: auto;
    float: none;
}
}
}

@media (max-width: 768px){.catalogue a {
    font-size: 18pt;
}
}

@media (max-width: 768px){.index-section h1 {
    font-size: 24pt;
}
}



@media (max-width: 768px){
.mid-logo-r{
  padding-top: 70%;
  width: 150px;

}}