h1 {
    margin: 2%;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    font-family: sans-serif;
}

h2 {
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
}

.nav__logo {
    text-align: center;
}



.nav__logo a img {
    width: 50%;
    border-radius: 15px;
}

.wrapper {
    margin: 0 auto;
    padding: 5px;
}

.wrapper__contact {
    margin: 0 auto;
}

.wrapper__social {
    margin: 0 auto;
}

.contact {  
    padding: 5px;
    font-size: 20px;
    text-align: center;
    align-items: center;
    background: #027bc0;
}

.contact .contact__info {
    margin: 10px;
    padding: 10px;
    border: 3px solid #d7d5d5;
    font-family: Arial, Helvetica, sans-serif;
}

.contact .contact__info .contact__phone{
    padding: 20px 5px;
    color: white;
}

.contact .contact__info .contact__phone a {
    color: white;
}

.wrapper .contact__info .waze a img{
    width: 30%;
    padding: 10px;
    border: solid white;
}

iframe {
    width: 350px; 
    height: 300px;
    text-align: center;
}

/* Media queries Desktop 1024px*/
@media screen and (min-width: 1023px) {
    
    .nav__logo {
        text-align: center;
    }

    .nav__logo a img {
        width: 15%;
        border-radius: 15px;
    }

    .wrapper {
        max-width: 1100px;
    }

    .contact {
        padding: 5px;
        display: flex;
        background: #027bc0;
    }

    .contact .contact__info {
        width: 100%;
    }

    .contact .contact__info .contact__phone a {
        color: white;
    }
    
    .wrapper .contact__info .waze a img{
        width: 80%;
        padding: 10px;
        border: solid white;
    }
}