* {
  box-sizing: border-box;
}

body {
  font-family: Arial;
  padding: 10px;
  background: #000000;
  color: #FFFFFF;
}
   
body, html {height: 100%}

/* Create 3 unequal columns that floats next to each other */
/* Left column */
.leftcolumn {   
  float: left; 
  min-width: 360px;  
  max-width: 360px;  
  background-color: #000000;
  padding-left: 0px;
  padding-right: 10px;
}
/* re column */
.rightcolumn {   
  float: right; 
  background-color: #000000;
  padding : 0px; 
}   
 
.cardPinnwandMini {
  background-color: #000000;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
} 

.card {
  background-color: #000000;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
} 

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

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