:root {
  --jumbotron-padding-y: 3rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #000;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #e87300; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #e87300; /* Add a dark-grey background on hover */
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }


.card-body {
	color: #000;
}
.card-header {
	color: #000;
}
.smallboi {
	font-size: 16px;
}
.bej-bg {
	background-color: #e87300;
}
.lb-bg {
	background-color: #80a1ca;
	padding-top: 0px !important;
}
.black-text {
	color: #000;
}
.contact-form{
    background: #fff;
    margin-top: 1em;
    width: 80%;
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 6rem;
	border: #000 solid;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}
.contact-form form{
	padding-top: 1em;
	padding-left: 3em;
	padding-right: 3em;
}
@media (min-width: 768px) {
	.contact-form form {
		padding-bottom: 5em;
	}
}
@media (max-width: 768px) {
	.contact-form form {
		padding-bottom: 2em;
	}
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 1em;
    text-align: center;
    color: #0062cc;
}
@media (min-width: 768px) {
.contact-form .btnContact {
    width: 100%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #e87300;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
}
@media (max-width: 768px) {
.contact-form .btnContact {
    width: 100%;
    border: none;
    border-radius: 1rem;
    padding: 5%;
    background: #e87300;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}
.basicinfo
{
	color: #0062cc;
	text-align: center;
	font-weight: bold;
}
#sau
{
	color: #0062cc;
	text-align: center;
	font-weight: bold;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.git {
	width: 100px;
	height: 100px;
}
#servicii {
	background-color: black;
	color: white;
}
#contact {
	background-color: 	#C0C0C0;
}
.zerobot {
	padding-bottom: 0;
}
hr {
	background-color: #f8f9fa;
}