body{
font-family: Avenir !important;
}
form {
  align-self: center;
 /* box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07); */
  border-radius: 7px;
 /* padding: 10px; */
}

.jumbotron{
  background-color: white !important;
}



#address::-webkit-input-placeholder{
font-family: 'Avenir', Avernir, sans-serif;
}

.paraghraph-header{
margin-right:10em;
text-align:left;
margin-left:5px;
}

.navbar-nav>li>a{
 padding-top: 10px !important;
 padding-bottom: 10px !important;
}

.background-image-assigned {
    background: url(pngwing_1.png);
    margin-right: 0px !important;
    background-size: cover;
    background-position: 90% 5%;
    background-repeat: no-repeat;
    background-size: 300px;
}

.nav>li>a:focus, .nav>li>a:hover{
  background-color: transparent !important;
}
.navbar-right>li>a{
  color: black;
  border:1px solid black;
  border-radius:5px;
}

.navbar-right>li{
  margin-left:1em;
}

.navbar-right>li:nth-child(2){
  background-color: black;
  color: white;
  border-radius: 5px;
}
.navbar-right>li:nth-child(2)>a{
  color: white;
}

.navbar-brand{
  color: black;
 padding-top: 30px !important;
}

.navbar-brand:hover{
  color: black;
}
input {
  border-radius: 6px;
  margin-bottom: 6px;
  padding: 12px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 44px;
  font-size: 16px;
  width: 100%;
  background: white;
}


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

.result-message {
  line-height: 22px;
  font-size: 16px;
}

.result-message a {
  color: rgb(89, 111, 214);
  font-weight: 600;
  text-decoration: none;
}

.hidden {
  display: none;
}

#card-error {
  color: rgb(105, 115, 134);
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  margin-top: 12px;
}

#card-element, #card-element-patient {
  border-radius: 4px 4px 0 0 ;
  padding: 12px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 44px;
  width: 100%;
  background: white;
}

#payment-request-button {
  margin-bottom: 32px;
}

.navbar-nav.navbar-center {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}

#submit, #submit-patient {
    float: right;
    color: #989898;
    margin-top: 5em;
    background-color: #fff;
}

#submit:hover{
 color: #fff;
 background-color: #000;
}

/* Buttons and links */
button {
  /*background: #5469d4;*/
  color: #ffffff;
  font-family: Courier, monospace;
  border-radius: 0 0 4px 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
}
button:hover {
  filter: contrast(115%);
}
button:disabled {
  opacity: 0.5;
  cursor: default;
}

/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}
.spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}
.spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #5469d4;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
.spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #5469d4;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.topnav{
  display: none;
}

.row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.jumbotron h1 {
  font-size:  60px !important;
  width:  70%;
}


@media only screen and (max-width: 600px) {

.navbar-light{
  display: none;
}

.jumbotron{
padding-top:0px !important;
}
.text-center{
padding:2em !important;
text-align:left !important;
}

footer{
padding:1em !important;
}

.footer-panel{
margin-top:2em;
}

.footer-logo{
margin-bottom:2em;
}


.topnav {
  overflow: hidden;
  background-color: #fff;
  position: relative;
  display: block;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: white;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

a:focus, a:hover{
  text-decoration: none !important;
  background-color: white !important;
}

li{
  list-style-type: none !important;
}

.active {
  /* background-color: #04AA6D; */
  color: white;
}

.row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.buy-product{
  background-color: black;
  color: white !important;
}

.col-mobile-1{
width:25%;
float:left;
display:contents;
}

.mobile-pymnt{
padding-right:0px !important;
}

.paraghraph-header{ 
margin-right:0em;
}

#submit{
margin-top: 3em;
}
.col-mobile-6{
    width: 50%;
    float: left;
}

.coop{
padding-left: 0px !important;
}


}