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

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

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

/* selected link */
a:active {
	color: #467EE2;
	text-decoration: none;
}
 body {
   font: 14px Helvetica;
  }
h1 {
	font-size: 28px;
}
h2 {
	font-size: 18px;
	color: #CC0000;
}

aside h2 {
	padding-left: 20px;
text-align: center;
}
h3 {
	font-size: 22px;
	text-align: center;
}
.taxi {
	margin-left: 60px;
}

  #main {
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 .flex-item {
   width:100%;
   margin-top: 25px;
   margin-bottom: 15px;
 	margin-right:5px;
}
.call {
	color: #000;
	font-weight: bold;
	font-size: 2.01em;
	line-height: 1.7em
}
.call2 {
	font-weight: bold;
	font-size: 1.5em;
}
  #main > article {
   margin: 4px;
   padding: 20px;
   -webkit-flex: 3 1 60%;
           flex: 3 1 60%;
   -webkit-order: 2;
           order: 2;
   }
  
  .upper {
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	font-size: 1.5em;
	color: #CC0000;
}

  #main > nav {
    -webkit-flex: 1 6 20%;
           flex: 1 6 20%;
   -webkit-order: 1;
           order: 1;
   
   }
  
  #main > aside {
   -webkit-flex: 1 6 20%;
           flex: 1 6 20%;
   -webkit-order: 3;
           order: 3;
   border-left: 1px gray solid;
	text-align: center;
}
 
  header {
   display: block;
    border-bottom: 8px solid #AB2038;
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: wrap;
    justify-content: wrap; 
   }
   footer {
   display: block;
   border-top: 8px solid #AB2038;
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: wrap;
    justify-content: wrap; 
   }

table {
    border-collapse: collapse;
    width: 80%;
     text-transform: capitalize;
     border: 1px solid #ddd;
}

th, td {
    text-align: center;
    border: 1px solid #ddd;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #4CAF50;
    color: white;
    padding:10px
}
.links {
	font-size: 2em;
	font-weight:800;
}
.button {
    background-color: #4CAF50; /* Green */
    color: white;
    float:left;
    padding: 0px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: 10px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1:hover {
    background-color: white; 
    color: #000 !important;; 
    border: 2px solid #4CAF50;
}
.button1 {
    background-color: #4CAF50;
    color: #fff !important;
    border: 2px solid #4CAF50;
}
hr { 
    display: block;
    margin-top: 0.5em;
    border-style: inset;
    border-width: 1px;
    width: 70%;
} 
 
  /* Too narrow to support three columns */
  @media all and (max-width: 640px) {
 
 table {
 	width: 100%
 }
  
   #main, #page, header {
    -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;
   }

.call {
	font-size: 1.5em;
	margin-top:0px;
	margin-left: 0px;
	text-align: center;
}
.call2 {
	font-size: 1em;
}

.flex-item {
	margin: auto;
}
h1 {
	font-size: 1.5em;
}
.upper {
	font-size: 1em;
}
h2 {
	font-size: 1em;
}
footer {
  visibility: hidden;
}
}