@media (max-width: 480px) {
h1{font-size:2em}
h2,h3{font-size:18px;line-height:28px}
}
@media (max-width:768px) {
.social-signup div{text-align: center}
.social-signup img{width: 60%}
.prenota{margin-bottom:-125px}
.prenota .card-body{padding:.5rem;height:auto;overflow-y:auto}
.thanks-bg{margin:0}
.thanks-bg > .container{background:rgba(0,0,0,.7)}
.navbar-collapse{position:absolute;top:80px;right:100%;padding-left:15px;padding-right:15px;padding-bottom:15px;width:100%;transition:all .4s fade;display:block}
.navbar-collapse.collapsing{height:auto!important;margin-right:50%;transition:all .4s ease;display:block}
.navbar-collapse.show{right:0}
main{padding-top:80px}
.hidden-md-down{display:none}
.back-to-top{bottom:15px}
.navbar-nav{float:left;text-align:left}
.home-box .description{height:50%}
.navbar-nav{float:left;text-align:left}
.navbar-collapse{background-color:#ededed;transition:all .8s ease-out;padding-left:10px}
.navbar-inverse .navbar-nav>li>a{color:#000}
.jumbotron .display-4{font-size:2rem}
.tricoroom-bg,.makeup-bg{background-size:cover;padding-bottom:0}
.big-text{font-size:1em}
.makeup .card{margin:20px}
.wedding-bg{background-attachment:inherit;background-size:58%;background-position:right top}
.wedding-bg img{object-fit:contain;height:150px!important}
.wedding-bg p{text-align:justify}
.dropdown-menu{border:none;background-color:transparent}
.btn-outline-secondary{background-color:transparent;border-color:transparent}
.contatti-text,.chi-siamo-text{font-size:1.2em}
.profile-icon{font-size:1.5em;padding-right:10px;float:right}
#carousel2 .service-card:after{position:absolute;top:33%;left:10px;right:10px;background:rgba(255,255,255,0.82);font-size:1em;opacity:1;padding:10px}
#carousel2 .sack{color:#478702;background:#fff!important}
.navbar{background:#A22868!important}
.navbar .btn-outline-secondary,.navbar .profile-icon{color:#fff}
.navbar-brand{max-width:40%;height:auto;background-image:url(../uploads/logo-white.png);background-repeat:no-repeat}
}
@media (min-width: 769px) {
.home-frame{min-height:96vh!important;overflow:hidden;width:100%;height:100%}
.makeup .col-md-6{-ms-flex:0 0 50%;flex:0 0 46%;max-width:46%;margin:2%}
.makeup .col-md-12{-ms-flex:0 0 100%;flex:0 0 96%;max-width:96%;margin:2%}
#carousel,#carousel2{transition:1s all ease;max-height:45vh}
}
@media (min-width: 1700px) {
footer{padding:105px 0 40px!important}
}
@media screen and (max-width: 1024px) {
main{padding-bottom:20px;position:relative}
footer{text-align:center!important;background:#444641!important;padding:45px 0 10px!important}
footer .contact{margin-top:0}
}