html {
	font-size: 72%;
}

h1, h2, h3, h4, p, table, ul {
	 font-family: "Comic Neue";
}


h1, h2, h3, h4 {
	
	 font-weight: 900;
}


.row {
	margin-top: 2rem;
}

    .svg-container {
        display: inline-block;
        width: 100%;
    }

    .svg-container img {
        width: 100%; /* Set the width to 100% */
        height: 100%; /* Allow the height to adjust automatically */
        max-width: 100%;
        max-height: calc(100vh - 100px); /* Adjust to accommodate text area */
    }

.slide-image {
	position: relative;
}

@media (hover: hover) {
	
		.image-caption {
		  position: absolute;
		  bottom: .5em;
		  padding-top: .5em;
		  background-color: rgba(0,0,0,.6);
		  color: #ebebeb;
		  left: 0;
		  height: 20px;
		  overflow: hidden;
		  transition: all .4s ease-out;
		}
		
		.image-caption:before {
		  /*content: "+";*/
		  display: block;
		  position: absolute;
		  right: 0;
		  top: 0;
		  color: #fff;
		  height: 40px;
		  width: 35px;
		  text-align: center;
		  line-height: 40px;
		  font-size: 2em;
		  font-weight: bold;
		  transition: all .4s ease-out;
		}
		
		.image-caption:hover:before {
		  /*content: "-";*/
		  top: 0;
		}
		
		.image-caption:hover {
		  height: 70px;
		}
		
		.image-caption p {
		  margin: 0;
		  padding: 0 4em 0 1em;
		  /*font-style: italic;*/
		}
}

@media (hover: none) {
		
		.image-caption {
		  position: absolute;
		  bottom: .5em;
		  padding-top: .5em;
		  background-color: rgba(0,0,0,.6);
		  color: #ebebeb;
		  left: 0;
		  height: 60px;
		  /*overflow: hidden;*/
		}
		
		.image-caption p {
		  margin: 0;
		  padding: 0 4em 0 1em;
		  /*font-style: italic;*/
		}
}