/* Core Styles */


.btn1 {
  display: inline-block;
  background: #d3d3d3;
  color: #ff0000;
  text-decoration: none;
  padding: 0em 2em;
  border: 1px solid #666;
  margin: 0.5em 0;
}

.btn2 {
  display: inline-block;
  background: #d3d3d3;
  color: #0000ff;
  text-decoration: italic;
  padding: 0px 3px;
  border: 1px solid #666;
  margin: 0.5em 0;
}

.btn {
  display: inline-block;
  background: #d3d3d3;
  color: #0000ff;
  text-decoration: none;
  padding: 0em 2em;
  border: 1px solid #666;
  margin: 0.5em 0;
}

.btn:hover {
  background: #eaeaea;
  color: #333;
}

/* Section A */

#section-a {
  background: #eaeaea;
  color: #333;
  padding: 2em 1em 1em;
  text-decoration: none;
}


/* Section B */

#section-b {
  background: #eaeaea;
  color: #333;
  padding: 2em 1em 1em;
  text-decoration: none;
}

.card-content {
  text-decoration: none;
  
}

/* Section C */

#section-c {
  background: #fff;
  color: #333;
  text-decoration: none;
}

/* Footer */

#main-footer {
  padding: 2em;
  background: #000;
  color: red;
  text-align: center;
  display: inline-block;
}

#main-footer counter {
	display: inline-block;
}

#main-footer a {
  color: #2690d4;
  text-decoration: none;
}

/* Media Queries */

@media (min-width: 700px) {
.grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: .5fr 1fr 1fr 1fr;
	grid-template-areas: 
	" header header"
	"section-a section-b"
	"section-c section-c"
	"main-footer main-footer";
}

.header {
	grid-area: header;
}

.section-a {
	grid-area: section-a;
}

.section-c {
	grid-area: section-c;
}

.section-b {
	grid-area: section-b;
}

.main-footer {
	grid-area: main-footer;
}