/* Set the border color to the desired color */
.custom-toggler.navbar-toggler {
	border-color: lightgreen;
}
/* Navigation Bar */
.navbar-toggler{
    border: 15;
    background-color: none;
    color: rgba(9, 40, 175, 0.308);
}

.navbar-toggler:focus {
    box-shadow: none !important;
}
.masthead {
   
    color: white;
    text-shadow: 2px 2px 2px rgba(0,0,0,.9);

    }
.masthead a {
    text-decoration: none;
    text-shadow: none;
    
}
#message {
    margin-left: 40%;
}
.color-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.0);
    z-index: 16;
}

#banner h1 {
    font-size: 3rem;
}

.quicksand-quick {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.raleway-rale {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
  }

main {

    font-family: "Quicksand", sans-serif;
}

hr {
    width:90%;
    }

#logo {
max-width: 260px;
height: auto;
align-content: center;
}

#face{
width: 35px;
height: auto;
}
.form-control {
    background-color:  #E8F1FF;
  }
  
  .form-check-input {
  
    background-color:  #E8F1FF;
  }

@media (max-width: 768px) {
    #banner h1 {
        font-size: 1.8rem;
    }
    #message {
        margin-left: 10%;
    }
  }