/************************/
/* Color Palette        */
/************************/
/* Ecru #F7F5E6         */
/* Deep Blue #333A56    */
/* Blue-gray #52658F    */
/* Gray #E8E8E8         */
/************************/

.site-header {
  background-color: #52658F;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  transition: ease-in-out color .15s;
  font-family: Kalam, cursive;
}
.site-header a:hover {
  color: #52658F; 
  text-decoration: none;
}
.site-header a:active {
	color: #e8e8e8; 
}

body {
	background-color: #f7f5e6;
	font-family: Lato, sans-serif;
}

.jumbotron {
   background-color: #f7f5e6; 
   color: #333a56; 
}

#footer, #footer a {
 background-color: #52658f;
 color: #e8e8e8;
}

h1, h2, h3, h4, h5 {
	font-family: Kalam, cursive;
}
.resume {
	font-family: Lato, sans-serif;
}
.resume.h4 {
	text-decoration: underline;
}
.shift-up {
	vertical-align: text-top;
}

div.my-compact{
	line-height: 90%;
}
img.my-image-resize{
	max-width:100%;
}

.content {
    width: 90%;
    margin: 0px auto;
}



/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) 
{
	.embed-container {
		height: 0;
		width: 100%;
		padding-bottom: 56.25%;
		overflow: hidden;
		position: relative;
	}	
}
/* Small devices and medium devices */
@media (max-width: 991.98px)
{
	.embed-container {
		position: relative;
		width: 100%;
		height: auto;
		overflow: auto;
	}
}


			
.embed-container object {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

hr.style2 { 
	border-top: 1px solid black;
}
.resume  ul{
	list-style-type: none;
}
.base-list {
	list-style-type: disc;
}
.my-blue {
	color: blue;
}