<style>	
	/*SETUP */

			/* GLOBAL RESETS */
			* {
				box-sizing: border-box;
			}
			body {
				margin: 0;
				padding: 0;
			}
/*LIBGUIDES RESETS */

.container { 
width: 100%;
}


.s-lg-guide-body {
padding: 0;
margin: 0;
}

#s-lg-guide-name, #s-lib-bc-list, #s-lg-tabs-container, #s-lg-guide-tabs-title-bar {
    display: none;
}

#s-lg-public-skiplink {
position: absolute;
top: -52px;
}

#s-lg-guide-header-search {
display: none;
}


#s-lib-scroll-top {
    display: none !important;
    }
    
.col-md-12 {
    padding: 0;
    margin: 0;
}
    
    #s-lib-footer-public {
    display: none;
    }
		
	/* LIBRARY HEADER */
	.page-header {
    background-color: white;
    border: none;
    padding: 5px 5px;
    margin: 0;
		
	}


	.library-logo {
		height: 65px;
	}


	/* BUTTON - MY LIBRARY ACCOUNT*/

	#button-account {
		padding: 5px;
		border: 2px solid white;
		background-color: #da291c;
		color: white;
		font-size: 14px;
		font-weight: bold;
		white-space: nowrap;
		text-decoration: none;
	}

	#button-account a {
		color: white;
	}


	/* BUTTON - HOURS */
	#button-hours a {
		padding: 5px 10px;
		color: #da291c;
		font-size: 14px;
		font-weight: bold;
		white-space: nowrap;
		text-decoration: none;
	}

	/*TYPOGRAPHY */

	body {
		font-family: "Open Sans","Arial","Helvetica",sans-serif;
		line-height: 1.42857143;
		color: #333;
		text-decoration: none;
	}

	a {
		color: #da291c;
	}


	.title {
		background-color: whitesmoke;
		height: 200px;
		display: grid;
		align-items: center;
		padding-left: 25px;
	}

	h1 {
		color: #da291c;
		font-size: 65px;
		font-family: minion-pro, serif;

	}

	.title h1 {
		width: 1200px;
		margin: 0 auto;
	}


	h2, .h2 { 
		color: #55585a;
		font-size: 30px; 
		font-family: minion-pro, serif;
	}

	h3 {
		color: #55585a;
		font-size: 25px;
		font-family: minion-pro, serif;
	}

	h5 {
		color: #55585a;
		font-size: 23px;
	}


	p {
		color: #333;
		font-size: 16px;
		font-family: "Open Sans", sans-serif;
	}
	ul {
		text-align: left;
	}
	/*HEADING HIGHLIGHT */

	.highlight {
		border-top: 1px solid #ccc;
		padding-top: 20px;
		margin-top: 20px;
	}

	.highlight h2 {
		border-top: 4px solid #da291c;
		display: inline;
		padding-top: 16px;

	}
	
	/*PAGE CONTAINER */

	.page-container {
		padding: 0 15px;
		max-width: 1200px;
		margin: 50px auto;
	}

	/* ICONS */

	.icon {
		width: 25rem;
		padding: 8px 0 20px;
		width: 100%;

	}

	img.icon {
		width: 75%;
		display: block;
	}

	.resources {
		border:1px solid whitesmoke;
		}

	.resources a {
		text-decoration: none;
		display: block;
		color: #444;
		min-height: 300px;
		box-shadow: 2px 2px 3px #999;
		border: 1px black solid;
		padding: 4px;

	}


	.tile p, {
		background-color: white;
		margin: 0;
		padding: 10px;
		font-size: calc(14px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));
	}

	.tile .fa, .tile .fas {
		padding: 8px 0 20px;
		font-size: 12rem;
		width: 100%;
		align: center;
	}

	.resources .fa, .resources .fas {
		padding: 8px 0 20px;
		font-size: 12rem;
		width: 100%;
		align: center;
	}

	.main {

		overflow: auto;
		height: auto;
		width: 100%;
		display: grid;
		align-items: center;
		position: relative;
	}

	/*FOOTER */
	footer {
		background-color: #54585A;
		padding: 20px 0;

	}

	footer ul {
		display: flex;
		justify-content: center;
		list-style: none;
	}

	footer li {
		display: inline-block;
		margin: 0 20px;
	}

	footer a {
		color: white;
		font-size: 16px;
	}

	footer a:hover, footer a:focus {
		color: white;
	}



	/* REGULAR PHONE LAYOUT */

	@media screen and (max-width: 600px) {
		
		.tile-container {
		grid-template-columns: 1fr;
		justify-items: center;
		}

		footer ul {
		flex-direction: column;
		padding: 10px;
		}
		
		#askus {
		width: 50px;
		height: 50px;
                bottom: 1% !important; 
  		}
  
  		#askus img {
  		width: 90%;
  		}
	
		h1 {
			color: #da291c;
			font-size: 45px;
			font-family: minion-pro, serif;
	
		}
</style>
