.flyerimg { 
width: 100%;
}

@media only screen and (min-width: 590px) {
  .flyerimg {
    max-width: 590px;
  }
}

ib {
font-style: italic;
  font-weight: bold;
}

.textbox {
    background-color: white;
line-height: 120%;
	padding: 20px;
}

b {
font-weight: bold;
}

.read-more-link {
  color: #224F4F;
  font-weight: bold;
}
.read-more-link:hover {
  color: black;
background: #009999;
}


projectname { font-size: 2em; 
  font-family: Verdana,Geneva,sans-serif;
  font-weight:bold;
max-width: 650px; 
line-height: 120%;
background: #009999;
margin-left: auto ; 
margin-right: auto ;
} 

img {
align: center; 
max-width: 800px; 
margin-left: auto ; 
margin-right: auto ; 
}

h1 { font-size: 18px; 
  font-family: Verdana,Geneva,sans-serif;
max-width: 650px; 
margin-left: auto ; 
margin-right: auto ;} 

h2 { font-size: 45px; 
  font-family: Verdana,Geneva,sans-serif; 
font-weight: bold;
margin-left: auto ; 
margin-right: auto ; } 

p { font-size: 1em;
  font-family: Verdana,Geneva,sans-serif;
max-width: 650px; 
margin-left: auto ; 
margin-right: auto ; }

pi {
font-style: italic;
}

h3 { font-size: 1.5em;
  font-family: Verdana,Geneva,sans-serif;
max-width: 650px; 
font-weight: bold;
line-height: 100%;
margin-left: auto ; 
margin-right: auto ;
}

pullout
{ font-size: 1.3em;
  font-family: Verdana,Geneva,sans-serif;
line-height: 110%;
font-style: italic;
align: left; }

#showhide {
     display: none;
}

.myButton {
	background-color:#9ACCCD;
	display:block;
	cursor:pointer;
	color:black;
  font-family: Verdana,Geneva,sans-serif;
  font-weight:bold;
	font-size:20px;
	padding:20px 25px;
	text-align:center;
max-width: 650px; 
margin-left: 10px ; 
margin-right: 10px ;}

.myButton:hover {
	background-color:#009899;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton2 {
	background-color:#9ACCCD;
	display:block;
	cursor:pointer;
	color:black;
	max-width: 650px; 
	font-family: Verdana,Geneva,sans-serif;;
  font-weight:bold;
	padding:20px 76px;
	text-align:center;
	}

.myButton2:hover {
	background-color:#009899;
}
.myButton2:active {
	position:relative;
	top:1px;
}

.myButton3 {
	background-color:#009899;
	display:block;
	cursor:pointer;
	color:black;
		max-width: 650px; 
	font-family: Verdana,Geneva,sans-serif;;
  font-weight:bold;
	padding:20px 76px;
	text-align:center;
}

.myButton3:hover {
	background-color:#009899;
}
.myButton3:active {
	position:relative;
	top:1px;
}
.myButton4 {
	background-color:#009899;
	display:block;
	cursor:pointer;
	color:black;
	font-family: Verdana,Geneva,sans-serif;;
	font-size:20px;
	padding:20px 76px;
	text-align:center;
max-width: 100%}
}

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
	font-family: Verdana,Geneva,sans-serif;;
    font-size: .5em;
max-width: 600px;
align:center 
margin-left: auto ; 
margin-right: auto ;
}

.item {
    display: inline-block;
	text-align:left;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@media only screen and (min-width: 500px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }