.navbar{
	position: relative !important;
	width:100%;
	background:#F97300 !important;
}

.bg-primary{
background-color:#007bff!important
}

.nav-link, .navbar-brand{
	color:#fff !important;
	cursor:pointer; 
}

.nav-link{
	margin-right:1em !important;
}

.nav-link:hover{
	background: : #f4f4f4 !important	;
	color: #ffffa2 !important;
}

.navbar-collapse
{
	justify-content: flex-end;

}


.myheader{
	position: relative;	
	background-image: url('../../images/keyboard3.jpg');
    background-size : cover;
	background-position: center;
}


.MsgOkImage{
	position: relative;	
	background-image: url('../../images/keyboard.jpg');
    background-size : cover;
	background-position: center;
}


.overlay{
 position: static;
 min-height: 100%;
 min-width: 100%;
 left: 0;
 top: 0;
 background: rgba(244, 244, 244, 0.79);
} 

.description{
    position: absolute;
    top: 30%;
    margin: auto;
    padding: 8em 5em 5em 2em;

}

.description h1{
	color:#FFF ;
}

.description h2{
	color: #ffffa2;
	font-size: 20px; 
	width: 50%;
	line-height: 1.5;
}

.description button{
	border:1px solid #6391E1;
	background:#6391E1;
	color:#fff;
}

.btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  border-radius: 15px;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: RoyalBlue;
}

.divposition{
	position: relative;	
}
.about{
	margin: 0em 0em 0em 1em;
	position: relative;
}
.about h1{
	color:#F97300;
	margin: 1em;
}

.about span{
	display: block;
	color: #888;
	position: absolute;
	left: 115px;
}
.about .desc{
	padding: 0em 0em 3em 5em;
	margin: 0em 0em 0em 0em;
	border-left:4px solid #10828C;
}
.about .desc h3{
	color: #10828C;
}
.about .desc p{
	line-height:2;
	color:#888;
}
/*.img-responsive{
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}*/

.card{

	width: 50%;
	margin: 2em 25% 2em 25%;
}

.footer{
	width:100%;
	margin: 0em 0em 2em 0em;
}

.footer-copyright{
	margin: 0em 0em 0em 0em;
	width:100%;
}


.imgaboutme{
	height: auto;
	width: 80%;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: lightgray;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: lightgray;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: lightgray;
}