body {
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

img {
    width: 100%;
    height: auto;
}

#container {
    position: relative;
    width: 100%;
    min-height: 100vh;
}

#topbar {
    position: relative;
    height: auto;
    width: 100%;
    background-color: rgb(64,0,0);
}

#logo {
    position: relative;
    height: auto;
    width: 480px;
}

#userbar {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-family: Montserrat,sans-serif;
    font-weight: 700;
    color: black;
    font-size: 2em;
}

#menubar {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: rgb(64,0,0);
    display: grid;
    /*grid-template-columns: repeat(minmax(120px, 1fr));*/
    justify-content: space-evenly;
    margin-bottom: 10px;
}

#menubar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menubar li {
    display: inline-block;
    width: auto;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: rgb(255,255,255);
}

#menubar li a {
    text-decoration: none;
    color: rgb(255,255,255);
}

.foto {
    width: 90%;
    height: auto;
    margin: 0 auto;
}

.info {
    width: 90%;
    height: auto;
    padding: 20px;
    margin: 0 auto;
    font-family: Montserrat, sans-serif;
    font-size: 1em;
    font-weight: 300;
}

.info h1 {
    font-weight: 600;
    margin: 0;
}

#telefono {
    position: relative;
    width: : 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    background-color: rgb(0, 64, 0);
    color: rgb(255,255,255);
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 1.2em;
}

#whats {
    display: none;
}


@media only screen
    and (max-width: 480px) {
        
        #logo {
            width: 360px;
            margin: 0 auto;
        }
        
        #userbar {
            font-size: 1.5em;
        }
        
        .info {
            padding: 0;
        }
        
        .info h1 {
            font-size: 1em;
        }
        
        #telefono {
            display: none;
        }
        
        #whats {
            display: block;
            width: 90%;
            height: 40px;
            margin: 0 auto;
            line-height: 40px;
            background-color: rgb(0,128,0);
            color: rgb(255,255,255);
            text-align: center;
            border-radius: 10px;
            font-family: Montserrat, sans-serif;
            font-weight: 600;
        }
}