@import url('https://fonts.googleapis.com/css?family=Raleway:ital');

body{
	padding: 0;
	margin: 0;
	background:#EAE7DC;
}
html,h1,h2,h3,h4,h5,h6,a{
	font-family: "Raleway";
	font-style: italic;
	color: #8E8D8A;
}

.h1margin{
	margin-top: 2em;
	margin-bottom: 2em;
}

.black{
	color: #000000;
}

.navbar{
	background: #EAE7DC;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}
.nav-link , .navbar-brand{
	color: #E85A4F;
	cursor: pointer;
}
.nav-link{
	margin-right: 1em !important;
}
.nav-link:hover{
	color: #EAE7DC;
	background: #E85A4F;
    border-radius: 100px;
}
.navbar-collapse{
 justify-content: flex-end;
}
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(233, 128, 116, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler:focus,
.navbar-toggler:active{
  background:#EAE7DC !important;
  border-color:#EAE7DC;
  outline: none;
}

.btn-secondary{
	background:  #E85A4F;
	color: #fff;
	border:0;
}

.cdhl{
	color: #991300;
	display:inline;
}
.clhl{
	color: #E85A4F;
	display:inline;
}
.cdef{
	color: #888;
	display:inline;
}

.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}
.modal-body {
  position: relative;
  padding: 0px;
}
.close {
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}


/*header style*/
.header{
	position: relative;
/*	background-image: url('/images/3547265958_91db17ee80_z.jpg'); */
	background-image: url('/images/background2.png');
	background-size: cover;
	background-position: -60px -34px;
}
.headerdesc{
	position: relative;
	color: #8E8D8A;
	width: 100%;
	right: 10px;
}
.overlay{
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
	background: rgba(234, 231, 220, 0.87); /* #EAE7DC eggshell white */
	/*background: rgba(216, 195, 165, 0.87); *//* #D8C3A5 dark vanilla */
	/*background: rgba(142, 141, 138, 0.65); *//* #8E8D8A dark grey */
	/*background: rgba(233, 128, 116, 0.65); *//* #E98074 light jelly bean red */
	/*background: rgba(232, 90, 79, 0.65); *//* #E85A4F dark jelly bean red */
}
@media screen and (min-width: 200px) {
	.header{
		position: relative;
	/*	background-image: url('/images/3547265958_91db17ee80_z.jpg'); */
		background-image: url('/images/background2.png');
		background-size: cover;
		background-position: -60px -34px;
	}

	.description {
		position: absolute;
		right: 0px;
		bottom: 30px;
		margin: auto;
		padding: 2em;
		padding-right: 10px;
	}

	.copyright {
		position: absolute;
		top: 180px;
		right: 10px;
		color: #FFFFFF;
		font-size: 6px;
	}
}
@media screen and (min-width: 700px) {
	.header{
		position: relative;
	/*	background-image: url('/images/3547265958_91db17ee80_z.jpg'); */
		background-image: url('/images/background2.png');
		background-size: cover;
		background-position: -60px -34px;
	}

	.description {
		position: absolute;
		left: 420px;
		top: 410px;
		margin: auto;
		padding: 2em;
		padding-right: 10px;
	}

	.copyright {
		position: absolute;
		top: 194px;
		right: 10px;
		color: #FFFFFF;
		font-size: 6px;
	}
}
.description p{
	color:#666;
	font-size: 20px;
	width: 50%;
	line-height: 1.5;
}
.description button{
	position: relative;
	border:1px solid #E85A4F;
	background:#E85A4F;
	color:#fff;
	right: 0px;
}

.gallery {
    max-height: 150px;
    min-height: 150px;
    min-width: 100%;
}

.gallery-spacer {
    padding-top: 25px;  
}
#aboutMe{
    z-index: 9999;
}
.gallery-modal {
    max-height: 100%;
    min-width: 100%;
    align: center;
}
.carousel-inner > .item > img{
	margin: 0 auto;
	max-width: 720px;
	max-height: 960px;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
	height: 100px;
	width: 100px;
	outline: none;
	background-size: 100%, 100%;
	background-image: none;
}

.carousel-control-next-icon:after
{
	content: '>';
	font-size: 55px;
	color: rgba(233, 128, 116, 0.95);
}

.carousel-control-prev-icon:after {
	content: '<';
	font-size: 55px;
	color: rgba(233, 128, 116, 0.95);
}

.about{
	position: relative;
}
.about img{
	height: 100%;
    width: 100%;
    border-radius: 50%
}
.about span{
	display: block;
	color: #888;
	position: absolute;
	left: 115px;
}
.about .desc{
	padding: 2em;
	border-left:4px solid #E85A4F;
}
.about .desc h3{
	color: #E85A4F;
}
.about .desc p{
	line-height:2;
	color:#888;
}


/*music*/
.music{
	margin: 4em 0;
    position: relative;	
}
.music img{
	 height: 15rem;
	 width: 100%;
	 margin: 1em;
}

/*cards style*/
.cards{
	margin: 4em 0;
	position: relative;	
}
.cards .card{
	box-shadow: 5px 5px 10px  rgba(0, 0, 0, 0.3);
}
.cards .card img{
	width: 100%;
	height: 12em;
}
.cards .card-title{
	color:#E85A4F;
}
.cards .card-body{
	padding: 1em;
}
.card-img-top {
    width: 100%;
    object-fit: cover;
	object-position: 0px 0px;
}
.card-link {
	color: #E98074;
}
.card-link:hover {
	margin-right: 1em !important;
	color: #f4f4f4;
	background: #E85A4F;
	cursor: pointer;
    border-radius: 100px;
}