/* Yeeeesss... Look at my code... LOOK AT IT */




body {
    background-color: #eaeaea;
}

pre {
    color: #000000;
}




@media (orientation: landscape) {

.content {
    margin: 0 auto;
    font-family: monospace;
    text-align: center;
}

.bflheading {
    font-size: 3vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bflcontent {
    font-size: 1.5vw;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;

}

.bflcontact {
    font-size: 1.4vw;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}
  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:25%;
    height:auto;
}

}

@media (orientation: portrait) {

.content {
    margin: 0 auto;
    font-family: monospace;
    text-align: center;
}

.bflheading {
    font-size: 8vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bflcontent {
    font-size: 4vw;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;

}

.bflcontact {
    font-size: 3.5vw;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}
  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:80%;
    height:auto;
}
}