* {
  box-sizing: border-box;
}



/* Left column */
.leftcolumn {   
  float: left;
  width: 75%;
}

/* Right column */
.rightcolumn {
  float: left;
  width: 25%;
  padding-left: 20px;
}

/* Fake image */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

/* Add a card effect for articles */
.card {
   background-color: white;
   padding: 20px;
	padding-bottom: 40px;
   margin: 10px;
   border-radius: 10px;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.image img {
	padding: 10px;
	padding-bottom: 20px;
	padding-right: 40px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.rightcontent{
float: right;
width: 75%}

.footer {
background: #008bcf;
	text-align: center;
	padding: 20px;
	margin:  10px -10px;
	margin-bottom: -20px;
}


@media screen and (max-width: 700px) {
  .leftcolumn, .rightcolumn {   
    width: 100%;
    padding: 0;
  }
}


@media only screen and (max-width: 700px){
	span{
		display: block;
	    }
	ul li{
	 display: block;
	      }
	ul{
	  display: none;
	  }

}