#infobutton {
	bottom: 5%;
}

#info {
	border: 5px solid #444444;
	top: 10%;
}

#info #infoclose {
	margin-top: 20px;
}

#infobutton, #infoclose a {
	border: 5px solid #444444;
}

#infoclose a {
    height: 35px;
    padding-top: 5px;
	width: 40px;
}

@media (orientation: landscape) {
    #infobutton {
        font-size: 2em;
        height: 30px;
        padding-top: 5px;
        right: 5%;
        width: 40px;
    }

    #info {
        background-color: #000000AA;
        bottom: 5%;
        left: 5%;
        right: 15%;
    }

    #info #infoclose {
        display: none;
    }

    #info p {
        font-size: 0.8em;
        margin: 10px 0 0 0;
    }
}

@media (orientation: portrait) {
    #infobutton {
        font-size: 5em;
        height: 80px;
        padding-top: 20px;
        right: 5%;
        width: 100px;
    }

    #info {
        bottom: 20%;
        left: 5%;
        right: 5%;
    }

    #info p {
        font-size: 2em;
	    margin: 30px 0 0 0;
    }
}