/* START RESPONSIVE ELEMENTS: */
/* For mobiles: */
.xlargeLDA { font-size: 2.2rem; }
.xlarge { font-size: 1.2rem; }
.large { font-size: 0.9rem; }
.med { font-size: 0.7rem; }
.small { font-size: 0.6rem; }
.xsmall { font-size: 0.5rem; }
.xxsmall { font-size: 0.4rem; }
.nano { font-size: 0.4rem; }

.lhxl { line-height:1.5rem}
.lhl { line-height:1.1rem}
.lhm { line-height:0.9rem}
.lhms { line-height:0.7rem}
.lhs { line-height:0.7rem}
.lhxs { line-height:0.5rem}
@media only screen and (min-width: 600px) {
/* For tablets: */
.xlargeLDA { font-size: 2.3rem; }
.xlarge { font-size: 1.3rem; }
.large { font-size: 1.0rem; }
.med { font-size: 0.8rem; }
.small { font-size: 0.7rem;}
.xsmall { font-size: 0.6rem; }
.xxsmall { font-size: 0.5rem; }
.nano { font-size: 0.45rem; }

.lhl { line-height:1.1rem}
.lhm { line-height:0.9rem}
.lhms { line-height:0.9rem}
.lhs { line-height:0.7rem}
.lhxs { line-height:0.5rem}
}

/* spacings */
.mar0 {margin:0px;}
.mar1 {margin:1px;}
.mar2 {margin:2px;}
.mar3 {margin:3px;}
.mar5 {margin:5px;}
.mar7 {margin:7px;}

.pad0 {padding:0px;}
.pad1 {padding:1px;}
.pad2 {padding:2px;}
.pad3 {padding:3px;}
.pad5 {padding:5px;}
.pad7 {padding:7px;}

.padt0 {padding-top:0px;}
.padt1 {padding-top:1px;}
.padt2 {padding-top:2px;}
.padt3 {padding-top:3px;}
.padt5 {padding-top:5px;}
.padt7 {padding-top:7px;}
.padt9 {padding-top:9px;}
.padt15 {padding-top:15px;}

.padb0 {padding-bottom:0px;}
.padb1 {padding-bottom:1px;}
.padb3 {padding-bottom:3px;}
.padb5 {padding-bottom:5px;}
.padb7 {padding-bottom:7px;}
.padb9 {padding-bottom:9px;}
.padb15 {padding-bottom:15px;}

.space3 { height:3px}
.space5 { height:5px}
.space7 { height:7px}
.space9 { height:9px}
.space10 { height:10px}
.space11 { height:11px}
.space12 { height:12px}
.space15 { height:15px}

/* widths */
.w100 {width:100%;}
.w95 {width:95%;}
.w90 {width:90%;}
.w85 {width:85%;}
.w80 {width:80%;}
.w70 {width:70%;}
.w60 {width:60%;}
.w50 {width:50%;}

/* heading colours */
.gold {color: #dbc599;}
.brown {color: #948475;}
.bkbrown {color: #d6cdc2;}
.ltbrown {color:#cdc2b3;}
.darkorange {color: #e19963;}

/* font effects */
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.justifed {text-align:justify;}
.bold {font-weight:bold;}
.bold100 {font-weight:100;}
.bold400 {font-weight:400;}
.italic {font-style:italic;}
.serif {font-family:"Times New Roman", Times, serif;}
.sansserif {font-family:Arial, Helvetica, sans-serif;}
.wrap{word-wrap:break-word;}
.uppercase{text-transform: uppercase;}

/* icons */
.zoomicon {cursor: zoom-in;}

.dottedline_lbk {
max-width: 640px;
height: 5px;
background-image: url(../../images/toc_dottedline.jpg);
background-position: center 0px;
background-repeat: repeat-x;
}
img.mainheading {
   width: 85%;
   max-width: 350px; 
   padding: 15px 0px 15px 0px  
}
img.medium_pic {
	width:75%;
	max-width: 350px; 
}
.big_brown_button {
  background-color: #877c6e;
  border: none;
  border-radius: 9px;
  color: white;
  padding: 8px 19px;
  cursor: pointer;
  font-size: 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;
}