@charset "UTF-8";
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: "Ubuntu", sans-serif; font-weight: 300; font-style: normal; color:#1D1D1D; min-width:360px;}
#container {margin:0; padding:0; height:100%; min-height:100%; height:auto!important; position:relative; z-index: 1; background:#FFFFFF; overflow-x:hidden; min-width:360px; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center;}

.logo{display: block; margin: 0 auto 60px auto; width: 400px; height: 265px; font-size: 0; background-image: url("../img/ramiro-zilles-clinica-do-quadril.svg"); background-position:center; background-size:contain; background-repeat: no-repeat; position: relative;}

.button{font-size: 20px; display:inline-block; position:relative; line-height:1em; overflow: hidden; border-radius: 30px;}
.button:hover{opacity:0.25;}
.button .label{display:inline-block; vertical-align:middle; text-align:center; font-size:1.2em; line-height:1em; padding:.6em 1.5em;}

.white{color:#FFFFFF;}
.blue{color:#00617D;}

.bg-white{background-color:#FFFFFF;}
.bg-blue{background-color:#00617D;}

@media screen and (max-width:1000px) {
.logo{margin: 0 auto 50px auto; width: 300px; height: 200px;}
.button{font-size: 18px;}
}
@media screen and (max-width:600px) {
.logo{margin: 0 auto 40px auto; width: 250px; height: 150px;}
.button{font-size: 16px;}
}