/* CSS Document */

.card-columns {
    column-count: 2;
	width: 100%;
}

/* LG size */
@media (min-width: 992px) { 
    .card-columns {
        column-count: 3;
   }
}


nav {
	font-family: 'Oswald', sans-serif;
}

nav .navbar-brand {
	font-family: 'Lobster', cursive;
}

.jumbotron {
	font-family: 'Lobster', cursive;
	padding-top: 80px;
	padding-bottom: 8rem;
}

.a-z {
	font-family: 'Lobster', cursive;
	margin-top: 88px;
}

div .timeline {
	max-width: 25%;
	max-height: 100%;
	flex: 25%;
	ms-flex: 25%;
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 88px;
}

div .timerow {
	margin-left: 0%;
	height: 100px;
}

/* SM size */
@media (min-width: 576px) { 
	div .timeline {
		max-width: 13%;
		max-height: 100%;
		flex: 13%;
		ms-flex: 13%;
		padding-left: 12px;
		padding-right: 12px;
		margin-bottom: 0px;
	}
	
	div .timerow {
		margin-left: 4%;
		height: 100px;
	}

	.a-z {
		margin-top: 0;
	}

}

/* MD size */
@media (min-width: 768px) { 
}

/* LG size */
@media (min-width: 992px) { 
	div .timeline {
		max-width: 11%;
		max-height: 100%;
		flex: 11%;
		ms-flex: 11%;
		padding-left: 12px;
		padding-right: 12px;
	}
	
	div .timerow {
	margin-left: 20%;
	height: 100px;
}

}
img {
	background: transparent;
}

.img-thumbnail {
	border: none;
}

div .timeline img {
	height: 100%;
	width: auto;
	background: transparent;
}

.card {
	font-family: 'Oswald', sans-serif;
}
.card-title a {
	font-family: 'Lobster', cursive;

}

.footer {
	font-family: 'Oswald', sans-serif;	
}

.footer h4 {
	font-family: 'Lobster', cursive;
}

/* google maps popup */
.map-container-9 {
	overflow: hidden;
	padding-bottom: 75%;
	position: relative;
	height: 0;
}

.map-container-9 iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}
