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

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background:#000000;
}

/* Centre NavBar Brand 
@media (min-width: 768px) {
 .navbar-brand {
  position: absolute;
  width: 100%;
  left: 15px;
  top: 0;
  margin: auto;
 }
}*/


footer {
    margin: 50px 0;
}


/* JUMBOTRON ATTRIBUTES */
.jumbotron {
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:30px;
	color:inherit;
	background-color:none
}

.jumbotron p {
	margin-bottom:0px;
	margin-left:-15px;
	font-size:21px;
	font-weight:200}
	
.jumbotron>hr{border-top-color:#d5d5d5}

.container .jumbotron,.container-fluid .jumbotron {
	padding-right:0px;
	padding-left:0px;
	border-radius:0px
}

.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:100px;padding-bottom:100px}.container .jumbotron,.container-fluid .jumbotron{padding-right:0px;padding-left:0px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.

/*  -END- JUMBOTRON ATTRIBUTES */


.portfolio-item {
    margin-bottom: 25px;
}

.portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
}

.portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.4);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.portfolio-item .portfolio-link .caption:hover {
    opacity: 1;
}

.portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    top: 2.5%;
	left: 4%;
    width: 90%;
    height: 20px;
    text-align: left;
    font-size: 18px;
    color: #fff;
}



/*  SLIDER OVERLAYS */

.canvas  { 
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='7'><rect width='3' height='3' rx='50' fill='rgba(0,0,0,0.8)'/></svg>");
  background-color: rgba(0,0,0,.45);
  width:100%;
  height:100%;
}

/*  -END- SLIDER OVERLAYS */

/*  FOOTER MEDIA QUERIES */

.footright{
    text-align: right;
}
@media screen and (max-width: 1199px){
    .footright{
        text-align: left;
    }
}

/*  -END- FOOTER MEDIA QUERIES */