.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link{
  padding: .25rem 0;
  border-bottom: .35rem solid transparent; 
  font-family: 'Baloo Paaji', cursive;
  color: #e6e6e6 !important;
}


.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  color: rgba(255, 255, 255, .9) !important;
  border-bottom-color: rgba(255, 255, 255, .9) !important;
	box-shadow:
                3px 3px #808080,
                2px 2px #808080,
                1px 21x #808080;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
	text-shadow: 0.1em 0.1em 0.05em #666666;
}


.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .ativo {
	text-shadow: 0.1em 0.1em 0.05em #555555;
	color: #ffffff !important;
	border-bottom-color: #ffffff;
}




      /* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-96 { font-size: 96px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }


/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }



.box-shadow {background: linear-gradient(to bottom, transparent 20%, rgba(4, 61, 164, 0.45) 100%); }

.lineari {background: linear-gradient(to bottom, transparent 70%, rgba(4, 61, 164, 0.55) 100%); }

.pointer {cursor: pointer !important;}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


.baloo {
	font-family: 'Baloo', cursive;
}
.baloop{
	font-family: 'Baloo Paaji', cursive;
}

.modal-body {
    padding: 0 !important;
}
.modal{
    background-color:  rgba(255, 255, 255, .9) !important;
}
.modal-content {
    border: none !important;
    border-radius: 0 !important;
    outline: 0;
}

.parallax {
	/* The image used */
	background-image: url("../imagens/login.jpg");

	/* Set a specific height */
	height: 360px; 

	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.instagram {

}

.image {
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
  cursor: pointer !important;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.instagram:hover .image {
  color: #007bff;
  opacity: 0.3;
}

.instagram:hover .middle {
  opacity: 1;
}