/* CSS Document */

body {
    margin: 0;
    padding: 0;
    font-family: "Tahoma", "Arial", sans-serif;
    font-size: 16px;
    color: #000000;
    text-align: center;
    background-image: url(/images/bg_repeat.jpg);
}

img#logo {
    max-width: 80%;
}

div#icons {
    margin: 10% 0 2%;
}

img.icon {
    max-width: 10%;
    margin: 5px;
}

div#flyer {
    background-image: url(/images/bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
    text-align: center;
    width: 750px;
    padding: 5% 0;
}

div.follow {
    margin-top: 30px;
}

@media screen and (max-height: 800px) and (orientation:landscape) {
    div#flyer {
        padding: 3% 0 5%;
    }
}

@media screen and (max-width: 1000px) and (min-height: 500px), (orientation:portrait) {
    div#flyer {
        padding: 20% 0 5%;
    }
}

@media screen and (min-height: 1100px) and (orientation:portrait) {
    div#flyer {
        padding: 30% 0 5%;
        height: 1105px;
    }
    ::-webkit-scrollbar { 
        display: none; 
    }
}

@media screen and (min-height: 900px) and (orientation:landscape) {
    div#flyer {
        padding: 10% 0 5%;
        height: 1105px;
    }
    ::-webkit-scrollbar { 
        display: none; 
    }
}

@media screen and (max-width: 750px) {
    div#flyer {
        max-width: 100%;
    }
}