@font-face {
    font-family: ComicNeue;
    src: url(../fonts/ComicNeue-Regular.ttf);
}

html {
    background-color: #cecdc4;
    width: 100%;
    font-family: ComicNeue;
}

.container {
    width: 400px;
    text-align: center;
    margin: auto;
}

.white {
    background-color: #fff;
    width: 100%;
}

.container2 {
    width: 800px;
    text-align: center;
    margin: auto;
}

.logo {
    width: 100%;
    max-width: 459px;
    height: auto;
}

a:link, a:visited, a:hover, a:active { 
    color: #d87f82;
    text-decoration: none; 
    font-family: ComicNeue;
    font-weight: bold;
}

.left {
    width: 50%;
    text-align: center;
    float: left;
}

.right {
    width: 50%;
    text-align: center;
    float: left;
}

.qrcontainer {
    width: 50%;
    text-align: center;
    margin: auto;
}

.screenshots {
    width: 100%;
    max-width: 800px;
    height: auto;
}

@media only screen and (max-width: 768px) {
    .container2 {
        width: 100%;
    }
    .qrcontainer {
        width: 100%;
    }
    .screenshots {
        width: 100%;
    }
  }