p, body, a {
	font-family: 'Lato', sans-serif;
}

a:link, a:visited, a:hover, a:active{
    color: #000;
    text-decoration: none;
}

/* Content Container */
#content {
	max-width: 1000px;
	margin: 0 auto;
}

div#logo {
    padding-top: 38px;
}

div#top-text {
    text-align: center;
    font-size: 31px;
    padding: 20px 53px;
    margin: 52px 0;
    background: #eee;
    border: 11px solid #eee;
}

div#top-text h3 {
    text-align: center;
    font-size: 46px;
}

div#choose_heading {
    text-align: center;
    font-size: 25px;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.flag {
  position: relative;
  text-align: center;
  color: white;
}

.toptext {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ccc;
    padding: 10px 41px;
    color: #000;
    font-size: 26px;
    white-space: nowrap;
}

.bottomtext {
    position: absolute;
    top: 73%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ccc;
    padding: 5px 17px;
    color: #000;
    font-size: 19px;
    white-space: nowrap;
    display: none;
}

.flag:hover .bottomtext {
	transform: translate(-50%, -50%);
	display: block;
}

/*  COLUMN SETUP  */


.shadow {
-webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4);
box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4);
}


div.grid_container{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-template-rows: auto auto auto;
  grid-gap: 1em;

}