/*
Theme Name: qr-code
Text Domain: qr-code
Description: qr-code
Author: Jakob Larsson   
*/
@font-face {
    font-family: "Arial, Avenir";
    src: url('fonts/Avenir/Avenir Complete Family Pack/Avenir Complete Family Pack/Linotype - Avenir LT 45 Book.ttf') format('truetype');
}

@font-face { 
    font-family: "AvenirHeavy";
    src: url("fonts/Avenir/Avenir Complete Family Pack/Avenir Complete Family Pack/Linotype - Avenir LT 85 Heavy.ttf") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
@font-face { 
    font-family: "AvenirRoman";
    src: url("fonts/Avenir/Avenir Complete Family Pack/Avenir Complete Family Pack/Linotype - Avenir LT 55 Roman.ttf") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
@font-face { 
    font-family: "Alternate";
    src: url("fonts/Alternate Gothic No1 D Regular/Alternate Gothic No1 D Regular.otf") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }


body {
    background-color: #fff;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: "AvenirRoman";
    font-weight: 400;
}

.avenir-bold{
    font-size: 16px;
    font-family: "AvenirHeavy";
    font-weight: 400;
}

h1 {
    font-family: Alternate;
    font-size: 44px;
    font-weight: 100;
    margin: 0px;
    text-transform: uppercase;
}

h2 {
    letter-spacing: .8px;
    line-height: 1.3;
    font-size: 1rem;
}

h1 {
}
p{
    color: black;
    margin: 0px;
}

.bold{
    font-weight: bold;
}

.margin-top{
    margin-top: 5px;
}

.margin-bottom{
    margin-bottom: 5px;
}

.content{
    font-size: 1.25em;
    text-align: center;
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
    
}

.button{
    display: block;
    text-align: center;
    margin: 10px;
    padding: 15px;
    box-shadow: 0 2px 7px #7b76767a; 
    /*box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1); */
}

.product-img{
    width: 80%;
    height: auto;
}

a{
    color: black;
    text-decoration: none;
}

.footer-container {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    flex-direction: column
}

.share-btn-content{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.social-media{
    box-shadow: 0 0px 0px #7b76767a;
    margin: 20px;
    height: 150px;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.menu-img-container{
    margin: 35px;
    max-width: 625px;
    max-height: 25vh;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.menu-img-container img {
    width: 80%;
    height: auto;
    max-width: 300px;
}

.footer-link{
    width: 100%;
}


@media (max-width: 425px) {
    body {

    }
  }