/* styles for desktop devices */
@media only screen and (min-width: 992px) {
  body {
	font-family      : Verdana, Arial, Helvetica;
	background-color : white;
	color            : #D45500;
	margin           : 10px;
	font-size        : 16px;
  }
}

/* styles for mobile devices */
@media only screen and (max-width: 991px) {
  body {
	font-family      : Verdana, Arial, Helvetica;
	background-color : white;
	color            : #D45500;
	margin           : 10px;
	font-size        : 44px;
  }
}

table
{
	font-family      : Verdana, Arial, Helvetica;
}

.leftbox
{
    width            : 70%;
    background-color : white;
	border-color     : #D45500;
    color            : #D45500;
	border-style     : none;
	border-width     : 2px;
	padding          : 10px;
	margin-left      : 50px;
	border-radius    : 15px;
}

.leftfloat
{
	float: left;
}

.rightfloat
{
	float: right;
}

a 
{
	color: #37ABC8;
}

.rightbox
{
    width            : 200px;
    position         : absolute;
    right            : 0;
    top              : 40px;
    margin-right     : 20px;
    background-color : white;
	border-color     : #D45500;
    color            : #D45500;
	border-style     : inset;
	border-width     : 2px;
	border-radius    : 15px;
}

.buttonlink
{
	color            : black;
	background-color : #37ABC8 ;
	border-radius    : 5px;
	padding-right    : 10px;
	padding-left     : 10px;
}

.buttonlink a
{
	font-style: normal;
    text-decoration  : none;
}

.thumbnail img {
		height: 100px;
}