html {
  scroll-behavior: smooth;
}

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

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

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

.parallax2 { 
    /* The image used */
    background-image: url("../images/rolagem2.jpg");

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

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.parallax3 { 
    /* The image used */
    background-image: url("../images/rolagem3.jpg");

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

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
#eq img{
	    border-radius: 50%;
}
a {
	color: #333;
}
#btn a:hover {
	border:  2px solid #fff !important;
	color: white;
}

#prev a:hover {
	border:  2px solid #d5a97d !important;
}
a:hover {
	color: #529a94;
	text-decoration: none;
}
#esp img:hover{
	opacity: 0.6;
}
#links a{
	padding-right: 12px;
	color: #333;
	font-weight: 600;
	transition: .5s;
}
#links a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.6);
    transition: .5s;
}

p {
	font-size: 16px;
}
#contato {
    background-image: url("../images/contato.jpg");
   
}
#imagem .esp{
	margin: 10px;
}

#imagem img{
	width: 100%;
}

.form-control {
   
    height: 50px;
}
.btn-group-lg>.btn, .btn-lg {
 
     font-size: 22px !important;
    border-radius: 0px !important;
}
hr {
  
    border-top: 4px solid #777 !important;
}
#trat img {
		transition: 0.5s;
	border-radius: 8px;
}

#trat img:hover {
	opacity: 0.6;
	transition: 0.5s;
}
#prev2 img {
		transition: 0.5s;
	border-radius: 8px;
}

#prev2 img:hover {
	opacity: 0.6;
	transition: 0.5s;
}
#links a {

    color: white;
}
::placeholder {
	color: #333 !important;
}
.form-control {
   color: #333 !important;
    background-color: #fff  !important;
    border-radius: 4px !important;
	    border: none;
}

.h1, h1 {
    font-size: 36px;
}

.btn-warning {
    color: #333;
    background-color: #f5ecd3;
}
.btn-warning:hover {
    color: #333;
    background-color: #f3f0e9;
}

.modal-header .close {
    margin-top: -22px !important;
}
.modal-content {
  
    margin-top:  !important;
}
#cont p{
		
	font-size: 18px;
}
#midia a:hover{
	
	color: #f3f0e9 !important;
}
#mg img{
	margin-bottom: 40px;
}

@media (max-width: 450px){
	#cont {
		padding: 25px 25px 0 25px !important;
	}
	.parallax2 {
		background-image: url(../images/rolagem2.jpg);
		height: 240px;
		background-attachment: inherit;
	}
	.parallax {
		background-image: url(../images/rolagem.jpg);
		height: 240px;
		background-attachment: inherit;
	}
	
	#wat img{
		width: 14% !important;
	}
	#bt23 {
		    margin-top: 2%;
	}
	#sendd {
		 margin-top: 22% !important;
	}
	#too {
		margin-top: 0% !important;	
	}
	#pd {
		padding: 0 !important;
	}
	#check {
		padding: 25px 25px 0 25px !important;
	}
	#ck {
		padding: 25px !important;
		margin-top: 0% !important;
	}
	#midia {
		
		margin-top: 32% !important;
	}
	#especialidades {
		padding: 25px !important;
	}
	#estetica {
		padding: 25px !important;
	}
	#header img{
		width: 36% !important;
	}
	#home {
		height: 72px !important;
	}
	#links{
		display:  !important;
		    text-align: center;
			    visibility: hidden;
	}
	#quemsomos {
		padding: 25px !important;
	}
	#banner {
		padding-top: 18% !important;
	}
	.col-md-4 h4 {font-size: 14px !important;}
	.form-group a {float: right !important;
    margin-top: -22% !important;}
	#estetica img{
		width: 100% !important;
		margin-top: 25px !important;
	}
}