/****************************************************************************

    CSS for landing page of jasonrboyer.com
    Author: Jason Boyer
    Date: 8/6/2016

****************************************************************************/



/****************************************************************************

    CSS for entire page base css is for mobile

****************************************************************************/

html,
body {
    margin: 0%;
    padding: 0%;
    width: 100%;
    height: 100%;
    background-image: url("../images/deskininstagram.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: white;
    font-family: antonio, sans-serif;
}

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




#content{
    padding-top: 40vh;
}

#main {
    max-width: 100%;
    min-width: 300px;
    background-color: rgba(211,211,211,.5);
    text-align: center;
}

h2 {
    font-size: 2em;
}

/****************************************************************************

    Media query for tablets and mid size devices

****************************************************************************/

@media screen and (min-width: 600px) and (max-width: 999px) {

    #main {
        width: 80%;
        margin: 0 auto;
        background-color: rgba(211,211,211,0);
    }

}



/****************************************************************************

    Media query for large devices

****************************************************************************/

@media screen and (min-width: 1000px) {

    h1 {
        font-size: 5em;
    }

    h2 {
        font-size: 3em;
    }

}