@font-face {
/* ... THIS FONT IS FREE FOR PERSONAL USE ...
 *     Full Font and commercial license font are available there :
 *     
 *     octotypeone@gmail.com  
 *
 *     Thank's. 
 *
 */	
  font-family: "Moonlights on the Beach";  
  src: url("../fonts/MoonlightsontheBeach.eot");
  src: url("../fonts/MoonlightsontheBeach.eot") format("eot"), url("../fonts/MoonlightsontheBeach.woff2") format("woff2"), url("../fonts/MoonlightsontheBeach.woff") format("woff"), url("../fonts/MoonlightsontheBeach.ttf") format("truetype");
}


.body-wrapper{
	min-height: 90vh;
	min-height: calc(100vh - 50px);
}

footer {
	width:100%;
	background-color:white;
	padding-top:15px;
	padding-bottom:15px;
	position:relative;
	vertical-align: middle;
	bottom:0px;
}

.show-grid {
	border-style: solid;
	border-width: 4px;
}

div.show-grid div {
	border-style: dotted;
	border-width: 2px;
}

strong {font-size:20px;}

.centered-image {
	display:block;
	margin-left:auto;
	margin-right:auto
}



.moonlights {
	font-family:"Moonlights on the Beach", cursive;
	font-size: 13vw;
}


.diary {
	font-family:"Moonlights on the Beach", cursive;
	font-size: 26px;
}

@media (min-width: 800px){
  .moonlights {
  	font-size: 102px;
    
  }
}


/*
.row > .column {
  padding: 0 8px;
}

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

.column {
  float: left;
  width: 25%;
}*/