@media screen and (min-width: 300px) and (min-height:300px){
    body{
        min-height: 1800px;
        max-height: 1800px;
        position: relative;
    }

    .container{
        width: 900px;
    }

    #title{
        width: 100%;
    }

    #title h1{
        font-size: 9em;
        width: 100%;
    }

    #logo{
        margin: 2% 0 2% 5%;
    }

    #logo img{
        width: 300px;
    }

    #nextfair{
        width: 100%;
        margin-left: 8%;
    }

    #nextfair h2{
        width: inherit;
        font-size: 5em;
        line-height: 1.2em;
        margin: 0.7em 0;
    }

    #textContent p {
        font-size: 3.5em;
        line-height: 1.3em;
    }

    #footer{
        position: relative;
        bottom: 0;
        line-height: 0.9em;
        margin-top: 0;
    }

    #footer p#privacy{
        width: 800px;
        font-size: 2em;
    }

    #footer p#privacy a{
        font-size: 1em;
    }

    #footer p#developed{
        width: 100%;
        font-size: 2em;
    }

    #footer p#developed img{
        width: 240px;
    }
}

@media screen and (min-width: 300px) and (max-width: 760px) and (min-height:760px){
    #footer{
        position: relative;
        margin-top: 360px;
        
    }
}

@media screen and (min-width: 768px) {
    body{
        min-height: 100%;
        max-height: 100%;
        position: relative;
    }

    .container{
        width: 1030px;
    }
    #title{
        width: 50%;
    }

    #title h1{
        font-size: 5em;
        width: none;
    }

    #logo{
        margin: 2% 0 2% 5%;
    }

    #logo img{
        width: 220px;
    }

    #nextfair{
        width: 390px;
        margin-left: 0;
    }

    #nextfair h2{
        width: 390px;
        font-size: 2em;
        line-height: 1em;
        margin: 1.5em 0;
    }

    #textContent p {
        font-size: 1.5em;
        line-height: 1.3em;
    }

    #footer{
        position: relative;
        bottom: none;
    }

    #footer p#privacy{
        width: 703px;
        font-size: 1em;
    }

    #footer p#privacy a{
        font-size: 1em;
    }

    #footer p#developed{
        width: 150px;
        font-size: 1em;
    }

    #footer p#developed img{
        width: 168px;
    }
}

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

}

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

}