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

.footer-blurb {
    padding: 30px 0;
	text-align: center;
    background-color: lightskyblue;
}

.footer-blurb h3 {
    color: midnightblue;
    }
    
.footer-blurb-item {
    padding: 30px 0;
    }
 
.copyright {
	background-color: #fff;
	text-align: center;
	padding: 30px 0;
}

.info-box{
	align:relative;
	margin-top:5px;
}

.flex-container {
  display: flex;
  flex-direction: row;
  
}

.flex-container > div {
  margin: 5px;
  padding: 5px;
  font-size: 30px;
}

.grid-container {
  display: grid;
  grid-template-columns:  700px 700px;
  justify-content: center;
}

.left{
 position: absolute;
  left: 0px;
}

.carousel-inner > .item > img,

.carousel-inner > .item > a > img {
		width: 100%;
		padding-top:1px;
	}
	
.left.carousel-control {
		width: 50px;
		margin: 0;
	}
	
.right.carousel-control {
		width: 50px;
		margin: 0;
	}
	
.top{
	margin-top:110px;
}

.shop{
	justify-content:center;
	font-size:50%;
}

.shop > img{
	width:500px;
}

.shop > a > img{
	width:450px;
		 margin: 10px;
	 padding:10px;
}


.flex-container.shop {
	 display:flex;
	 flex-direction: row;
	 justify-content: center;
	 flex-wrap:wrap;
}


.portfolio{
	justify-content:center;
	font-size:50%;
}

.portfolio > img{
	width:650px;
}

.portfolio > a > img{
	width:650px;
		 margin: 10px;
	 padding:10px;
}

.portfolio > h4{
	width:650px;
	margin: 10px;
	 padding:10px;
}

.portfolio > h3{
	width:650px;
	margin: 10px;
	 padding:10px;
}

.portfolio > p{
	width:650px;
	margin: 10px;
	 padding:10px;
	 font-size:18px;
}

.flex-container.portfolio {
	display: grid;
	grid-template-columns:  700px 700px; 
}

.materials {
	display: grid;
  grid-template-columns:  auto auto auto auto;
  justify-content: center; 
}
.materials > div{
	padding:5px;
}

.materials > div > h3{
	width:300px;
	font-size:20px;
}

.materials > div > p{
	width:300px;
	font-size:18px;
}

/* Solid border */
hr.solid {
  border-top: 3px solid #bbb;
}

h2{
	font-size:18px;
}

div.pageinfo{
	margin-left:20px;
}

@media only screen and (max-device-width: 1000px) {

    .grid-container {    
    grid-template-columns:  auto;
    }
    
    .portfolio > img{    
    width:100%;
    }
    
    .portfolio > h3{    
    width:100%;
    }
    
    .portfolio > h4{    
    width:100%;
    }
    
    .portfolio > p{    
    width:100%;
    }
        
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 100%;
	}

	.materials {
	display: grid;
	grid-template-columns:  80%;		
	}
	
	.materials > div > img{
	width:100%;
}

}