body{
	font-family: 'Roboto', sans-serif;
}
#sticky-sidebar {
	background-color: #093316;
	height: 100vh;
}
#sticky-sidebar h3 a{
	color: white!important;
}
#colin-image {
	width: 100%;
	object-fit: cover;
}
#colin-image-div{
	max-width: 300px;
	margin-top: 2px!important;
}
#book-image {
	width: 100%;
	object-fit: cover;
}
#book-image-div{
	padding: 0px;
}
#header{
	background-color: #b8e1c4;
}
.sticky-nav-bar {
	position: sticky;
	top: 0;
}
#title{
	padding: 43px;
}
#errMessage{
    color: red;
    margin-left: 1rem;
    margin-top: 1rem;
}
.err{
    background-color: #ffcdc9;
}
.name{
	width: 250px;
}
.email{
	width: 532px;
}
.send{
	width: 100%;
	padding-bottom: 100px;
}
.btn-outline-dark{
	color: black;
	border-color: black;
}
.btn-outline-dark:hover{
	background-color: black;
}
textarea{
	width: 100%;
}
input{
	width: 100%;
}

@media (max-width: 767px) {
	.sticky-nav-bar {
		position: relative;
	}
/*	#header{
		text-align: center;
	}*/
	#book-image-div{
		display:none;
	}
	/*#title{
		padding-right: 0px!important;
		padding-left: 0px!important;
	}*/
	#main{
		margin-left: 1px!important;
		margin-right: 1px!important;
	}
}

@media (max-width: 960px) {
	#colin-image-div {
		width: 100%;
		max-width: 100%;
		float:left!important;
	}
	#colin-image{
		width: 60%;
	}
}
@media (max-width: 970px){
.name{
	width: 95%;
}
.email{
	width: 95%;
}
}