.column {
    float: left;
    width: 50%;
    flex: 50%;
    padding:10px;
}
  
  .row:after {
    content: "";
    display: table;
    clear: both;
  }

  .row{
    display: flex;
  }

  .card{
    box-shadow: 0 4px 8px 0 rgba(0.3, 0.3, 0.3, 0.3);
    max-width: 300px;
    margin:auto;
    text-align: center;
    background-color: #FDFAF6;
    padding-bottom: 10px;
      }
      
.title{
    color: grey;
    font-size: 18px;
    }

button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: #064420;
    background-color: #E4EFE7;
    text-align: center;
    width: 100%;
    font-size: 18px;
    }
      
.xtra {
    text-decoration: none;
    color: #E4EFE7;
    }

button:hover, a:hover{
    opacity: 0.7;
    cursor: url("images/cursor.png"), auto;
}

a{
  color: #E4EFE7;
  margin: 15px;
}

.color{
  color:#000c05;
}

.column2 {
  float: left;
  width: 50%;
  flex: 50%;
}

header, footer{
  margin: 0px;
  background-color: #064420;
  color: #E4EFE7;
  padding: 2px;
}

.background{
  background-color: #FDFAF6;
}

*{
  text-align: center;
}

p a {
  color: #064420;
  margin: 0px;
}

li a{
  color: #064420;
  margin: 0px;
}

header {  
  font-family: 'Roboto', sans-serif;  
}  

body {  
  font-family: 'Open Sans', sans-serif; /* Ensure this matches a selected font */  
}  

.banner {   
   width: 20 px;
   height: 150 px;
   margin: 0px;
   padding:0px;
}

.smth{
  width: auto px;
  height: 200px;
}

.smthh{
  width: auto px;
  height: 300px;
  align-items: center;
}