body{
	margin:0;
	font-family: 'Poppins', sans-serif;
	background-color:#fffdf7;}
	
*, ::after, ::before {box-sizing: border-box;}

h3{color:#777;margin-bottom:0;font-size:4vw;}
h5{color:#777;margin-top:0;font-size:4vw;}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 601px) {
	h3{color:#777;margin-bottom:0;font-size:4vw;}
	h5{color:#777;margin-top:0;font-size:4vw;}
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
	h3{color:#777;margin-bottom:0;font-size:15vw;}
	h5{color:#777;margin-top:0;font-size:15vw;}
}

table.FortuneCookie {
	width: 100%;
	height: 100%;
	text-align: center;
	border-collapse: collapse;
	margin-left: auto;
    margin-right: auto;
}

table.FortuneCookie td, table.FortuneCookie th {
  padding: 0px 0px;
}


img{
    height: 100%;

	max-height: 250px;
	min-height: 200px;
}

.row {
    display: flex;
    flex-wrap: wrap;
	text-align: center;
	width: 100%;
	padding: 1%;
}
.col-auto,.col{
	padding:15px;    
	margin-left: auto;
    margin-right: auto;
	text-align: center;}
	
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	text-align: center;
}
	
.col-auto {
    background-image: url(panda-express-fortune-cookies_cover.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 240px;
	max-width: 1000px;
}