﻿/*#lang-main {display:none}*/
/*#main-nav {
    display: none
}*/
/*#main-nav-toggle {display:none}*/
#footer {
    display: none
}

body {
    background-color: #ffffff;
    justify-content: center;
}

.new {
    display: block;
    background-color: #ffffff;
    height:100%;
}


.logo img{
    margin: 1rem;
    width:clamp(30vh,20vw,20vw);
    height:clamp(30vh,20vw,20vw);
}


.grid {
    display: flex;
    flex-wrap: wrap;
    justify-items:center;
    position:relative;
    justify-self:center;
    /*border:dashed;*/
}

.grid > .logo {
    padding:2em;
    flex: 1 1 30%;
    display:grid;
    justify-content:center;
    align-items:center;
    /*border:dashed;*/

}

.grid > .header {
    padding:1.5em;
    flex: 1 1 60%;
    display:grid;
    justify-content:center;
    align-items:center;
}



.header h3 {
    font-size: clamp(1.5rem,1.75vw,1.75rem);
    text-align: center;
    font-weight: bold;
    color: #707070;
}

.label {
    display: grid;
}

.label p {
    line-height: 1.5em;
    margin-bottom: .5em;
    color: #707070;
    justify-self:center;
    
}





.clinics {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10rem;
    justify-content: center;
    align-items: center;
    /*border:dotted;*/
}

.clinics > * {
    display:grid;
    justify-content:center;
    align-items:center;
    
}

.info {
    display:block;
    padding:2.5em;
}

.info > * {
    display:grid;
    justify-content:center;
}

.qrCode img {
    width: 25vw;
    height: 30vw;
    max-height: 115px;
    max-width: 100px;
    margin: .75rem;
}

.name a {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
    font-size:1.5em;
}

.qrCode {
    margin-bottom:1em;
}
