@charset "UTF-8";
/* CSS Document */

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/* Large screens ----------- */
@media only screen and (min-width : 1601px) {

	/* THESE CHANGE */
	
	body {
        background-color: #ffffff;
        padding-left: 290px;
        padding-right: 290px;
		margin: 0px;
        padding-bottom: 280px;
    }
	p {
        font-family: 'Roboto Mono', monospace;
        font-size: 18px;
        color: #333333;
		padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
    .img_eightball {
        width: 40%; 
    }
    .img_info {
        padding-top: 50px;
        width: 80%; 
    }
    .img_hours {
        padding-top: 50px;
        width: 40%; 
    }
    .img_email {
        padding-top: 50px;
        width: 80%; 
    }
    .img_qr {
        padding-top: 50px;
        width: 40%; 
    }
    .img_small {
        width: 30%; 
    }
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1600px) {

	/* THESE CHANGE */
	
	body {
        background-color: #ffffff;
        padding-left: 50px;
        padding-right: 50px;
		margin: 0px;
        padding-bottom: 120px;
    }
	p {
        font-family: 'Roboto Mono', monospace;
        font-size: 18px;
        color: #333333;
		padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
    .img_eightball {
        width: 40%; 
    }
    .img_info {
        padding-top: 20px;
        width: 80%; 
    }
    .img_hours {
        padding-top: 20px;
        width: 40%; 
    }
    .img_email {
        padding-top: 20px;
        width: 80%; 
    }
    .img_qr {
        padding-top: 20px;
        width: 40%; 
    }
    .img_small {
        width: 30%; 
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 1024px) {

	/* THESE CHANGE */
	
	body {
        background-color: #ffffff;
        padding-left: 70px;
        padding-right: 70px;
		margin: 0px;
        padding-bottom: 20px;
    }
	p {
        font-family: 'Roboto Mono', monospace;
        font-size: 18px;
        color: #333333;
		padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
    .img_eightball {
        width: 60%; 
    }
    .img_info {
        padding-top: 20px;
        width: 90%; 
    }
    .img_hours {
        padding-top: 20px;
        width: 50%; 
    }
    .img_email {
        padding-top: 20px;
        width: 90%; 
    }
    .img_qr {
        padding-top: 20px;
        width: 60%; 
    }
    .img_small {
        width: 30%; 
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 640px) {

	/* THESE CHANGE */
	
	body {
        background-color: #ffffff;
        padding-left: 5px;
        padding-right: 5px;
		margin: 0px;
        padding-bottom: 0px;
    }
	p {
        font-family: 'Roboto Mono', monospace;
        font-size: 18px;
        color: #333333;
		padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
    .img_eightball {
        width: 80%; 
    }
    .img_info {
        padding-top: 0px;
        width: 90%; 
    }
    .img_hours {
        padding-top: 0px;
        width: 60%; 
    }
    .img_email {
        padding-top: 0px;
        width: 90%; 
    }
    .img_qr {
        padding-top: 0px;
        width: 70%; 
    }
    .img_small {
        width: 40%; 
    }
}