@font-face {
    src: url(../../fonts/beguiat/benguiat_bold.ttf);
    font-family: benguiat;
}

html, body {
    height: 100vh;
    width: 100vw;
}
body {
    background: url(brushy_air.gif) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.wrapper {
    height: 100%;
    width: 100%;
    overflow-x: scroll;
}
a{ 
    text-decoration: none;
}
img {
    opacity: 1;
    transition: 1s ease-in-out;
}
@media screen and (min-width:320px) {
    h1 {
        font-family: benguiat;
        font-size: 25pt;
        text-align: center;
        color: black;
        margin: 10vh 0;
    }
    .shirt {
        width: 80vw;
        display: block;
        margin: 0 auto;
        filter: drop-shadow(2px 4px 6px lime);
    }
    img:hover {
        opacity: 0.65;
        filter: saturate(2);
        transition: 1s ease-in-out;
        filter: drop-shadow(2px 4px 6px rgb(255, 0, 212));
    }

    p {
        color: black;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: 15pt;
        margin: 10vh 0;
        filter: drop-shadow(2px 4px 6px lime);
    }
}

@media screen and (min-width:700px) and (min-height:700px) {
    h1 {
        margin: 5vh 0;
    }
    .shirt{
        width: 50vw;
    }
    p {
        margin: 2vh 0;
    }
}

@media screen and (min-width:1000px) {
    h1 {
        margin: 5vh 0;
    }
    .shirt{
        width: 30vw;
    }

    p {
        font-size: 30pt;
    }
}