/* unvisited link */
a:link {
	color: #800000;
	text-decoration: none;
	line-height: normal;
}

/* visited link */
a:visited {
	color: #000000;
	text-decoration: none;
}

/* mouse over link */
a:hover {
	color: #4FAAF1;
	text-decoration: none;
}

/* selected link */
a:active {
	color: #467EE2;
	text-decoration: none;
}
 body {
   font: 14px Helvetica;
  }
img {
    border-width: 0px;
	max-width: 100%;
    height: auto;
	width: auto;
}

h1 {
	
	font-size:18px;
}
h2 {
	
	font-size:22px;

}

  #main {
   min-height: 800px;
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   }
 .flex-item {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
  

}
.item1 {
    -webkit-flex: 2;
    flex: 2;
}

.item2 {
    -webkit-flex: 1;
    flex: 1;
    margin-right: 35px;
	margin-left: 35px;
}

.item3 {
    -webkit-flex: 1;
    flex: 1;
    margin-right: 35px;
	margin-left: 35px;
}

.call {
	color: #457EE1;
	font-weight: bold;
	font-size: 1.6em;
	text-align: center;
	margin-right:15px;
}
.call2 {
	font-weight: bold;
	font-size: 1.6em;
}
 
  #main > article {
   margin: 4px;
   padding: 20px;
   border: 2px solid #592A6E;
   border-radius: 7pt;
   -webkit-flex: 3 1 53%;
           flex: 3 1 53%;
   -webkit-order: 2;
           order: 2;
	text-align: center;
}
  
  .upper {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}
  #main > nav {
   margin: 4px 4px 4px 4px;
   padding: 5px;
   border: 2px solid #592A6E;
   border-radius: 7pt;
   background: #B6F0F6;
   -webkit-flex: 1 6 20%;
           flex: 1 6 20%;
   -webkit-order: 1;
           order: 1;
   }
   
.auto-style2 {
	text-align: left;
}
.poem {
	margin: auto;
	width: 60%;
	line-height: 19px;
	text-align: left;
	padding-left: 80px;
}

  
  #main > aside {
   margin: 4px;
   padding: 5px;
   border: 2px solid #592A6E;
   border-radius: 7pt;
   -webkit-flex: 1 6 27%;
           flex: 1 6 27%;
   -webkit-order: 3;
           order: 3;
   }
 
  header, footer {
   display: block;
   margin: 2px;
   padding: 7px;
   min-height: 120px;
   border: 3px solid #0B9AA8;
   border-radius: 7pt;
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: row;
    justify-content: row; 
   }
     /* Too narrow to support three columns */
  @media all and (max-width: 940px) {
ul li{
 font-size:8px;
}

 
  /* Too narrow to support three columns */
  @media all and (max-width: 640px) {
  
   #main, #page, header, .flex-container{
    -webkit-flex-flow: column;
            flex-flow: column;
   }

   #main > article, #main > nav, #main > aside {
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
   }
  
   #main > nav, #main > aside, header, footer {
    min-height: 50px;
    max-height: auto;
   }
   
ul li{
 font-size:10px;
}
   
.poem {
	line-height: 19px;
	display: block;  
	padding-left:10px;
	width: auto;
	width: 100%;

}


.call {
	font-size: 1em;
}
.call2 {
	font-size: 1em;
}

.item1 {
    -webkit-flex: 1;
    flex: 1;
}