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

/* Contain demo size */
.zoneblockquote {
  width: 100%;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.flagbox {
  background-color: #ffffff;
  border-radius: 5px;
border: 1px solid #dedede;
  color: #373234;
  margin: 0px 0px 10px 0px;
  padding: 10px 5px 10px 5px;

	width: auto;
	height: auto;
	
	font-size: 18px;
}

.flagbox .redflagtitle {
  color: #d81f05;
  text-align: left;
	text-transform: uppercase;
	
	font-weight: bold;
	
	vertical-align: bottom;
}

.flagbox .yellowflagtitle {
  color: #dcb230;
  text-align: left;
	text-transform: uppercase;
	
	font-weight: bold;
	
	vertical-align: bottom;
}

.flagbox .greenflagtitle {
  color: #42c134;
  text-align: left;
	text-transform: uppercase;
	
	font-weight: bold;
	
	vertical-align: bottom;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.flagbox {
  background-color: #ffffff;
  border-radius: 5px;
		border: 1px solid #dedede;
  color: #373234;
  margin: 0px 0px 10px 0px;
  padding: 10px 5px 10px 5px;

	width: auto;
	height: auto;
	
	font-size: 22px;
}

.flagbox .redflagtitle {
  color: #d81f05;
  text-align: left;
	text-transform: uppercase;
	
	font-weight: bold;
	
	vertical-align: bottom;
}

.flagbox .yellowflagtitle {
  color: #dcb230;
  text-align: left;
	text-transform: uppercase;
	
	font-weight: bold;
	
	vertical-align: bottom;
}

.flagbox .greenflagtitle {
  color: #42c134;
  text-align: left;
	text-transform: uppercase;
	
	font-weight: bold;
	
	vertical-align: bottom;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.flagbox {
  background-color: #ffffff;
  border-radius: 5px;
		border: 1px solid #dedede;
  color: #373234;
  margin: 0px 0px 10px 0px;
  padding: 20px 20px 20px 20px;

	width: auto;
	height: auto;
	
	font-size: 22px;
}

.flagbox .redflagtitle {
  color: #d81f05;
  text-align: left;
	text-transform: uppercase;
	
	font-weight: bold;
	
	vertical-align: bottom;
}

.flagbox .yellowflagtitle {
  color: #dcb230;
  text-align: left;
	text-transform: uppercase;
	
	font-weight: bold;
	
	vertical-align: bottom;
}

.flagbox .greenflagtitle {
  color: #42c134;
  text-align: left;
	text-transform: uppercase;
	
	font-weight: bold;
	
	vertical-align: bottom;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.flagbox {
  background-color: #ffffff;
  border-radius: 5px;
	border: 1px solid #dedede;
  color: #373234;
  margin: 0px 0px 10px 0px;
  padding: 20px 20px 20px 20px;

	width: auto;
	height: auto;
	
	font-size: 24px;
}

.flagbox .redflagtitle {
  color: #d81f05;
  text-align: left;
	text-transform: uppercase;
	
	font-weight: bold;
	
	vertical-align: bottom;
}

.flagbox .yellowflagtitle {
  color: #dcb230;
  text-align: left;
	text-transform: uppercase;
	
font-weight: bold;
	
	vertical-align: bottom;
}

.flagbox .greenflagtitle {
  color: #42c134;
  text-align: left;
	text-transform: uppercase;
	
	font-weight: bold;
	
	vertical-align: bottom;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.flagbox {
  background-color: #ffffff;
  border-radius: 5px;
	border: 1px solid #dedede;
  color: #373234;
  margin: 0px 0px 10px 0px;
  padding: 20px 20px 20px 20px;

	width: auto;
	height: auto;
	
	font-size: 24px;
}

.flagbox .redflagtitle {
  color: #d81f05;
  text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	
	vertical-align: bottom;
}

.flagbox .yellowflagtitle {
  color: #dcb230;
  text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	
	vertical-align: bottom;
}

.flagbox .greenflagtitle {
  color: #42c134;
  text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	
	vertical-align: bottom;
}
}