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: cover;
}

.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: cover;
}

a {
	color: #333;
}
#btn a:hover {
	border:  2px solid #fff !important;
	color: white;
}

#prev a:hover {
	border:  2px solid #d5a97d !important;
}
a:hover {
	color: #d5a97d;
	text-decoration: none;
}
#esp img:hover{
	opacity: 0.6;
}
#links a{
	padding-right: 12px;
	color: #333;
	font-weight: 500;
}
#links a:hover{
	text-decoration: none;
	color: #d5a97d;
}

p {
	font-size: 16px;
}

#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;
}
#links a {

    color: white;
}
::placeholder {
	color: white !important;
}
.form-control {
   color: white !important;
    background-color: #d5a97d !important;
    border-radius: 0px !important;
}

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

.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: 0% !important;
}
#cont p{
		
	font-size: 18px;
}
#midia a:hover{
	
	color: #f3f0e9 !important;
}

@media (max-width: 450px){
	#cont {
		padding: 25px 25px 0 25px !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: 165px !important;
	}
	#links{
		display:  !important;
		    text-align: center;
	}
	#quemsomos {
		padding: 25px !important;
	}
	#banner {
		padding-top: 38% !important;
	}
	#estetica img{
		width: 100% !important;
		margin-top: 25px !important;
	}
}