html, body {
    top: 0px;
    padding: 0px;
    margin: 0px;
	font-family: "Nunito Sans";
    font-size: 16px;
    height: 100vh;
    top: 0px;
}

div#page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.darkbar {
    background-color: #212529;
    color: #ddd;
    font-family: "Nunito Sans";
    margin: 0px;
    padding: 20px 0px;
}

p#titledescr {
    margin-top: 15px;
    color: gray;
}

.darkbar a:link,
.darkbar a:visited,
.darkbar a:hover,
.darkbar a:active {
    color: #ccc;
    text-decoration: none;
}

.darkbar a:hover {
    color: white;
}

footer {
    margin-top: auto !important;
    margin-bottom: 0px !important;
}

footer address {
	margin:  auto;
	text-align: center;
	vertical-align: middle;
}

h1 {
    font-size: 25px;
    font-family: "Nunito Sans";
}

a.navbar-brand{
	margin: 0;
	padding: 0;
}
img.img-rounded{
	border-radius: 6px 6px 0 0;
}
a.navbar-brand img.logo{
	width: 120px;
    margin: 0;
    margin-right: 20px;
}
div.aim{
	text-align: center;
	font-style: italic;
	margin: 5%;
}
a.menu, a.navbar-brand{
	outline: none;
}
.jumbo{
	z-index: 1;
}
div address {
	padding: 10px 5px;
	margin: auto;
}
span.hdays{
	padding-left: .4cm;
	float: left;
	width: 100px;
}
.jumbopic_services,.jumbopic_contact,.jumbopic_studio,.jumbopic_featured{
	display: table;
	background-position:  center top;
	background-repeat:  no-repeat;
	background-color: saddlebrown;
	background-size: cover;
	background: transparent;
	position: static;
	top: 50px;
	left: 0;
	width: 100%;
	height: 500px;
	z-index: 1;
}
div.jumbotron {
	padding-top: 50px;
	margin-top: -500px;
	margin-bottom: 50px;
	height:  500px;
	color: white;
	text-shadow:  #fff 1 1px 1px;
/*	text-shadow:  #444 0 1px 1px;*/
	background: transparent;
}
div#jumbotext{
	background-color: rgba(0,0,0,.5);
	border-radius: 10px;
	padding: 0px 10px;
}
div#mainText{
	padding: 20px;
}
p.descr{
	padding-left: 1cm;
	text-align: justify;
}
p.descrbig{
	text-align: justify;
}
p.caption{
	text-align: center;
	color: white;
	background-color: gray;
	border-radius: 0 0 6px 6px;
	
	/* Permalink - use to edit and share this gradient:  https://colorzilla.com/gradient-editor/#6d6d6d+0,6d6d6d+100&0+0,0.75+0,1+25,1+75,0.75+100 */
background: -moz-linear-gradient(left,  rgba(109,109,109,0.75) 0%, rgba(109,109,109,1) 25%, rgba(109,109,109,1) 75%, rgba(109,109,109,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(109,109,109,0.75) 0%,rgba(109,109,109,1) 25%,rgba(109,109,109,1) 75%,rgba(109,109,109,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(109,109,109,0.75) 0%,rgba(109,109,109,1) 25%,rgba(109,109,109,1) 75%,rgba(109,109,109,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6d6d6d', endColorstr='#bf6d6d6d',GradientType=1 ); /* IE6-9 */

}
.legal{
	font-size: 8px;
}
p.caption a{
	color: white;
	text-decoration: none;
}
.magnific{
	cursor: zoom-in;
}
.fa {
	padding: 10px;
	font-size:  22px;
	width:  40px;
	text-align:  center;
	text-decoration:  none;
	margin:  5px 2px;
	color: white;
	border-radius: 50%;
	outline: 0;
}
.fa:hover{
	text-decoration: none;
	color: white;
}
.fa:visited{
	text-decoration: none;
	color: white;
}
.fa:active{
	text-decoration: none;
	color: white;
}
.fa-facebook {
  background: #3B5998;
}
.fa-instagram {
  background: #125688;
}
div.special{
	position: absolute;
	top: 10px;
	border-radius: 6px 0 0 0;
	background: red;
	color: white;
	opacity: .85;
}

div.inventory{
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: visible;
	height: 80vh;
}

iframe.inventory{
	width: 100%;
	min-width: 100%;
	height: 100%;
	border: none;
}

div.plx {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

div.plx_service {
    display: flex;
    /*justify-content: flex-end;*/
    align-items: flex-end;
    min-height: 300px;
    background: transparent;
    font: 50px Georgia;
    font-weight: bold;
    color: #111;
    opacity: 90%;
    -webkit-text-stroke: 1px #eee;
}

div.plx_service span {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}