/* CSS Document RIVER hUMBER*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   border:0;
   font-size:100%;
   font:inherit;
   vertical-align:baseline;
   margin:0;
   padding:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

html, body  { 
	max-width:1200px;
    width: 100%;
    margin: 0 auto; 
    line-height:1.2;
    font-family: Geneva, Tahoma, 'Times New Roman', Helvetica, Arial, sans-serif;
    font-size: 100%; 
    background-color:#b3e3b3;
}

#header { background-color:#b3e3b3; margin:0; padding:0;}

a:link {
  font-weight: normal; 
  color: #fff; 
  text-decoration: none; 
}

a:visited {
  font-weight: normal; 
  color: #f5f5e6; 
  text-decoration: none;
}

.anchor {
  float: left; 
  margin: .75em .75em .75em  0em; 
  width: 135px; 
  height: 180px; 
  border:0;
}
.bold {font-weight:700;}

.bdgMl { 
  float: left;
  width: 80px; 
  height: 96px; 
  border: 0; 
  margin: 0.5em .5em .5em 0em;
} 

.bdgL { 
  float: left;
  width: 100px; 
  height: 116px; 
  border: 0; 
  margin: .75em .75em .5em 0em;
}

.btns {margin:.8em 0 .8em .8em; border: 0; width: 88px; height: 31px;}

.flex-container{
  display: -webkit-flex;
  display: flex;
  text-align:: center;
  margin: 0 auto;
  height: auto;
 }

.container {
   width:100%;
   background-color:#b3e3b3;
   margin:0 auto;
   text-align: center;
}
   
.co {margin-top:5px;font-family:  Georgia, Tahoma, Arial, helvetica, sans-serif; font-size: 0.8em; font-style: normal; font-weight: normal; color: #ff0033; text-align: center;}

.flef {margin-left: 20%; padding:0 20px; text-align: left;}
.frig {margin-right: 30%; padding:0 20px; text-align: left;}
.flth {float: right; width: 60px; height: 80px; margin: .5em 0 .5em .5em; border: 0;}
.flrs {float: right; width: 80px; height: 60px; margin: .5em 0 .5em .5em; border: 0;}
.fllt {float: left; width: 80px; height: 60px; margin: .5em .5em .5em 0; border:0;}
.fllh {float: left; width: 60px; height: 80px; margin: .5em .5em .3em 0; border:0;}
.spp {width: 80px; height: 15px; margin-top: 30px; margin-bottom: 5px;border: 0; }
.img7 {margin: .5em .5em .5em .5em; border: 0px; width: 60px; height: 80px;}
.logg {margin: .5em .5em .5em .5em; border: 0px;}

footer {width:100%;background-color:#5adf59;color:#000;font-size:.75em;font-style:normal;font-weight:400;text-align:center;padding:1% 0;}
   
h1 {
text-align:center;
font-size:.9rem;
font-weight:600;
color:#19199a;
display:inline;
}

h2 {
text-align:center;
font-size:1rem;
font-weight:600;
color:#3740b3;
display:inline;
}

h3 {
text-align:center;
font-size:1.1rem;
font-weight:700;
color:#19199a;
}

h4 {
text-align:center;
font-family:Georgia, tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size:1.2rem;
font-weight:700;
color:#19199a;
}

img { Max-width: 100%;}

.head1 {
font-family:Geneva, tahoma, Arial, Helvetica, sans-serif;
font-size:1rem;
font-weight:700;
line-height:1.2rem;
text-align:center;
margin-left:auto;
margin-right:auto;
color:#4c0000;
background-color:#5adf59;
width:100%;
padding:3px 0 2px;
margin-bottom:solid 2px #fff;
}

.head2 {
font-family:Geneva, tahoma, Arial, Helvetica, sans-serif;
font-size:0.9rem;
font-weight:700;
line-height:1.1rem;
text-align:center;
margin-left:auto;
margin-right:auto;
color:#400000;
background-color:#ecc39b;
width:100%;
padding:3px 0 2px;
}

.centre {margin: 0 auto; text-align: center;}

p {text-align:justify;}

* {box-sizing: border-box;}

.rds {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
behavior:url(../PIE/PIE.htc);
border:2px solid #cafa93;
margin:1px;
padding:.5em;
background-color: #b3e3b3;
}

.red {color:#ff0000;}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.spacerVS {margin-top:.250em;}
.spacerS {margin-top:.4em;}
.spacerM {margin-top:.65em;}
.spacerL {margin-bottom:1.1em;}

.white {color:#fff;}

.wideone {
    width:50%;
    text-align:center; 
    background-color:#fff;
}

.wrapper {
    width:100%;
    text-align:center; 
    background-color:#b3e3b3;
}

.wrap {
    width:70%;
    text-align:left; 
    background-color:#b3e3b3;
}

.wraps {
    width:70%;
    text-align:center; 
    margin 0 auto;
    background-color:#b3e3b3;
}

/*Flex items*/
.list {
  display: flex;
  flex-wrap: wrap;
}
.list-item {
	display: flex; 
  padding: 0.5em;
	width: 100%;
}

@media all and (min-width: 34em) {
  .list-item { width: 50%;}
}
@media all and (min-width : 56em) {
  .list-item { width: 50%;}
}

.list-content {
  background-color: #b3e3b3;
  display: flex;
  flex-direction: column;
  padding: 1em;
	width: 100%;
}

.list-contents {
  background-color: #b3e3b3;
  display: flex;
  flex-direction: column;
  padding: 1em;
	width: 100%;
}

.list-contentz {
  background-color: #b3e3b32;
  display: flex;
  flex-direction: column;
  padding: 1em;
	width: 100%;
}
.list-content p {
	flex: 1 0 auto;
}