.fa-2x {
	margin-right: 1.5rem;
}

.card-action .fa-2x {
	margin-right: 0.5rem;
	vertical-align: middle;
}

.card-action .public {
	font-size: 0.7rem;
	color: #444 !important;
}



.gallery-button {
	position: relative;
	top: -20px;
	right: -76px;
}

.gallery-booklet-title {
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: 300;
	text-align: left;
}

.material-icons {
	vertical-align: middle;
	font-size: 1rem;
}

.lato {
	font-family: product_sansregular, Roboto, Helvetica, sans-serif;
	font-weight: 500;
}

.lato-page {
	font-family: product_sansbold, Roboto, Helvetica, sans-serif;
	font-weight: 500;
}

.btn-floating-icon {
	height: 28px;
	line-height: 28px;
}

.btn-floating-icon i {
	line-height: 28px;
}

.side-nav a {
	display: inline-block;
	color: #ff9800;
	height: 36px;
	line-height: 36px;
	padding: 0;
}

.side-nav p {
	margin-bottom: 0;
}

ul.side-nav {
	padding-top: 0;
}

.icon-editbar {
	font-size: 1.4rem;
}	
.collapsible-body {
	padding: 1rem 1rem 2rem;
	padding-bottom: 20px !important;
}

.collapsible-body p {
	padding: 0;
}

.collapsible-body .fa {
	vertical-align: middle;
	padding-right: 15px;
}

.lander {
    height: calc(100vh);
    display:flex;
    flex-direction:column;
    justify-content:center;
    position: fixed;
}
.lander .content {
    background: white;
	max-width: 48px;
	box-shadow: 3px 0px 10px rgba(68,68,68,0.4); 
	height: 100%;
}

.gallery-title {
  font-weight: 500; 
  font-size: 1.4rem;
  letter-spacing: 0.02rem;
}
.gallery-businessname {
  font-weight: 500; 
  font-size: 1rem;
}
.gallery-header-size {
  padding: 10px 10px 10px 10px;
}

.gallery-header-size .fad {
  line-height: 1.2rem;
  font-size: 1.2rem;
}