/* 
.dropbtn {
	background-color: #4CAF50;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
  }
  
  .dropdown {
	position: relative;
	display: inline-block;
  }
  
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
  }
  
  .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  .dropdown-content a:hover {background-color: #f1f1f1}
  
  .dropdown:hover .dropdown-content {
	display: block;
  }
  
  .dropdown:hover .dropbtn {
	background-color: #3e8e41;
  }
  */ 

/* use this to put borders around things... */
.thin_border{
	border: 1px solid black;
}

.album-cover {width:25% border 20px solid gray}
.photo-list {width: 25%;}
.single-photo {width:75%;}

.door-pictures {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: ;
}

.door-picture {}

a[href ^= "tel:"]:before {
	content: "\260e";
	color: darkgreen;
	margin-right: 10px;
  }