/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}



.flex-container {
    flex-direction: column;
      
}
 
a {
  color: #87423c;
}

    body  
        {
           
  font-family: Helvetica, Calibri, Arial;
            
       background-color: white;
             color: black;
              font-size: 1em;                           
}
 

#first {
	
    font-size: 1.5em;
   
}


#second {
	
    font-size: 1.25em;
     text-align: center;
    
}


#third {
	
    font-size: 1.25em;
     text-align: center;
    
}



@media print {
  /*add print styles here. you can add all the print styles here*/
  p{
    font-size: 14px;
  }
}


h1 {
  color: #87423c;
  text-align: center; 
    font-size: 36 pixels;             
}


h2 {
    
  color: #4d1d18;
 text-align: center;    
  font-size: 24 pixels;  
    
}
v
h3 {
    
  color:    #4d1d18;
 text-align: center;    
   font-size: 24 pixels;     
}

div {
  line-height: 150%;
}

a {
  color: #87423c;
}

footer {
     
    color: #87423c;
        
}

.Logo-image img {
    width: 350 px;
    height: 100 px;
}



a:link, a:visited {
  background-color: antiquewhite;
  color: #4d1d18;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: #555;
}
       

* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 50%;
  padding: 10px;
}


.row:after {
  content: "";
  display: table;
  clear: both;
}




.footer {
   width: 100%;
   background-color: white;
   color: #87423c;
   text-align: center;
}