html, body {
	margin: 0px; padding: 0px; position: relative; font-size: 1rem;
	-webkit-touch-callout: none; -webkit-user-select: none;
    -khtml-user-select: none; -moz-user-select: none;
    -ms-user-select: none; user-select: none;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
}

html {
	height: 100vh; min-height: 100%;
}

body {
	color: #000000; display: flex; flex-direction: column; min-height: 100vh; position: relative;
	background: url('') center center repeat; background-size: cover; background-color: #3372b3;
	-webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;
}

a {
	color: #483FBD;
}

header {
	padding: 4px 0px; color: #ffffff; opacity: 0.8;
}

.col-1 .navbar {
	float: left;
}

.navbar {
	padding: 0px;
}

.col-10 .navbar {
	padding: 0px; float: right;
}

.navbar a {
	color: #ffffff; padding: 0px;
}

.navbar a:hover {
	color: #000000;
}
.navbar-toggler {
	color: #ffffff;
}

header .header-menu ul {
	height: 20px; color: #ffffff;
}

header .header-menu ul li, .header-menu ul li a, .header-menu ul li i {
	display: inline-block; padding: 0px; margin: 0px;
}

header .header-menu ul li{
	padding: 8px 0px; text-align: center; line-height: 1rem; font-size: 0.9rem; margin: 0px;
}

header.shrink ul li{
	padding: 2px 0px; margin: 0px; line-height: 0.8rem; font-size: 0.8rem; 
}

header.navbar.shrink {
	height: auto; padding: 2px 0px;
}

header.shrink .nav-small {
	font-size: 0.8rem; line-height: 1rem;
}

header.shrink.navbar-toggler, header.shrink.navbar, header.shrink i, header.shrink button {
	padding: 0px; margin: 0px; font-size: 0.8rem; line-height: 0.8rem;
}

header .nav-links{
	text-transform: uppercase; font-size: 0.9rem; line-height: 1rem;
}

header .nav-links li, header .nav-links li a{
	margin: 0px; padding: 0px;
}

header .navbar-nav li a{
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

header .navbar-nav li:last-child a{
	border-right: none;
}

#Home-bio {
	border-bottom: none;
}

#Home {
	//background: #ffffff url('./images/spotlights.jpg') center center no-repeat;
	//background-size: cover;
}

#Home .container .col div{
	padding-top: 3.5rem;
}

.Home .container{
	background: #ffffff;
}

#Home .container{
	//background: url('./images/books.jpg') center center no-repeat;
	//background-size: cover;
}

@media (min-width: 400px) {
	.inner-container{padding: 0px 0px;}
}
	
@media (min-width: 700px) {
    .Home .Home-row-1 {background: none;}
}

@media (min-width: 768px) {
    .Home .Home-row-1 {
        background: #d7e1ee url('./images/banner.jpg') bottom right no-repeat; background-size: cover;
		height: 350px;
    }
	.inner-container{padding: 0px 20px;}
}

.Home .Home-row-1 div div {
	margin-top: 20px;
}

.Home .Home-row-1 ul, #Contact ul {
	list-style: none; margin: 0px; padding: 0px; font-size: 0.9rem;
}

.Home .Home-row-1 h1 {
	//color: #ffffff;
	color: #3372b3; font-weight: bold; padding: 0px; margin: 0px; font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
}

.Home h5 {
	padding: 0px; padding-bottom: 20px;  color: #3372b3;
}

.Home .Home-row-1 a {
	color: #3372b3; font-size: 1rem; padding: 0px; margin: 0px; display: block;
}

.Home .Home-row-1 a i {
	 padding: 0px; margin: 0px; 
}

.Home .Home-row-2 {
	font-size: 1rem; background-color: #ffffff;
}

.Home .Home-row-3 {
	margin: auto; text-align: center;
}

.Home .Home-row-3 a {
	width: 220px;
}

.Home .Home-row-1 img {
	display: inline-block; float: right; padding: 0px; margin: 0px;
}

#Education h5, #Education span, #Education small, #Experience small, #Experience h5 {
	display: inline-block;
}

#Education span {
	font-size: 1rem;
}
#Education small, #Experience small, #Skills small {
	float: right; line-height: 1.5rem;
}

#Contact p a {
	font-size: 0.9rem;
}

#Contact form .form-group i {
	border: 1px solid #ced4da; border-right: none; padding: .475rem 2rem .375rem 1rem;
    text-align: center; color: #3372b3; background: #eeeeee;
	border-radius: .25rem; border-top-right-radius: 0; border-bottom-right-radius: 0;
}

#Contact ul {
	font-size: 1rem;
}

#list {
    position: fixed; top: 0; right: 2px; border: 0; border-radius: 0; margin: auto 1px; height: 100%;
}

.navlist a {
	position: relative;	padding: 0px; border-top: 1px solid rgba(255, 255, 255, 0.2); margin: 2px;
}


.navlist a span, .navlist button span {
	display: none; position: absolute; top: 10px; right: 50px; 
}

.navlist a:hover span, .navlist button:hover span {
	color: #483FBD; display: block;
}

.navlist button {
	padding: 0px; background: none; color: #ffffff; border: none; position: relative; margin: 2px;
}

.navlist button:hover, .navlist a:hover{
	color: #483FBD;	cursor: pointer; background: #c0cfde;
}

.navlist span {
    margin: 0px; display: block; padding: 0px; color: #ffffff; text-align: right; font-size: 0.8rem; position: absolute;
}

.navlist{
    text-align: center;	opacity: 0.6; background-color: #3372b3;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;	padding: 4px;
}

.hint--left:before {
    margin-left: 0px; margin-bottom: -4px;
}
.hint--left:after {
    margin-bottom: -19px
}

.card:hover {
	border: 1px solid rgba(0,0,0,0.5);
}

.card-body{
	border-top: 1px solid rgba(0,0,0,0.125);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 60%, rgba(215,225,238,0.2) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 60%,rgba(215,225,238,0.2) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 60%,rgba(215,225,238,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#d7e1ee',GradientType=0 );
}

#Skills .card-body{
	padding: 10px;
}

.checkmarklist {
	list-style: none; margin: 0px; padding: 0px; font-size: 1rem;
}

.checkmarklist li:before {
	content: '✓ ';	font-weight: bold; color: #483FBD;
}

.checkmarklist li{
	list-style: none; overflow: hidden;
}

.checkmarklist li.show {
	opacity: 1; height: auto; width: auto;
}

.full-height>.fh-div {
	//padding: 0px 20px 0px 20px;
	//color: #ffffff;
	//text-shadow: 1px 1px 1px rgba(20, 20, 20, 0.8);
	border-bottom: 1px solid rgba(119,169,249,0.2); background: rgba(255, 255, 255, 0.8);
}

.full-height .fh-div .container {
	background: rgba(255, 255, 255, 1); padding: 20px;
	border-right: 1px solid rgba(119,169,249,0.2); border-left: 1px solid rgba(119,169,249,0.5);
	//min-height: 100vh;
}

.full-height .fh-div .container h3 {
	color: #3372b3;	font-size: 1.6rem; margin-bottom: 30px;
	//background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 25%, rgba(215,225,238,0.4) 100%);
	//background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 25%, rgba(215,225,238,0.4) 100%);
	//background: linear-gradient(to bottom, rgba(255,255,255,0.5) 25%, rgba(215,225,238,0.4) 100%);
	padding: 10px 20px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	border-bottom: 1px solid rgba(119,169,249,0.4);
}

.full-height>.fh-div>.container>h4 {
	color: #343a40;
}

.btn-primary {
	background: #483FBD;
}

footer {
	position: relative;  bottom: 0; width: 100%; color: #ffffff;
	padding: 10px 20px; opacity: 0.8; font-size: 1rem;
}

footer a {
	color: #ffffff;
}

footer a:hover {
	color: #000000;
}

footer h1 {
	font-weight: bold; padding: 0px; margin: 0px; font-family: 'Raleway', sans-serif; text-transform: uppercase;
}