html, body, button, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
  background-color: rgb(0, 0, 0);
}
::-moz-selection { /* Code for Firefox */
    color: white;
    background: black;
}

::selection {
	 color: #efefef;
	 background: black;
}

/* G E N E R A L  S T Y L E S */

.dada {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0px;
}

.header-grid-container {
	display: grid;
  grid-column-gap: 0.3rem;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
  padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}
.grid-item-header {
		grid-column: 1 / 5;
		grid-row:1;
}
.grid-item-icons {
	  grid-row:1;
}

.map-grid-container {
	display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
	grid-template-rows: 1fr;
  padding-top: 30px;
}
img {
	width: 100%;
	height: auto;
}
/* M_O_B_I_L_E Breakpoint */

@media only screen
and (max-width: 750px)
and (orientation : portrait) {
	.dada {
		min-width: 320px;
		margin: 0 auto;
	}
	.header-grid-container {
		display: grid;
	  grid-column-gap: 0.3rem;
	  grid-row-gap: 0px;
	  grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 2fr;
	  padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 0px;
	}
	.grid-item-header {
			grid-column: 1 / 5;
			grid-row:1;
			padding-bottom: 80px;
	}
	.grid-item-icons {
		  grid-row:2;
	}
}