@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Lato:700');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
* {
	margin: 0;
	padding: 0;
		border:0;	
}


body {
	font: 110%/1.4 "Open Sans", Arial, sans-serif;
	text-align:left;
	color: #000;
		/* This removes the border around the viewport in old versions of IE */
	max-width: 100%;
background: url(../images/icecream-lg.jpg);
background-repeat:repeat-y;
background-size: contain;
}

header{
	background-color: none;
   display: flex;
 justify-content: center;

}


header img {
	position:relative;
	z-index: 1
}
	

h1{
    position:absolute;
top: 1em;
  font-family: 'Dancing Script', Georgia, Times, serif;
    color: #ffffff;
    font-size: 4em;
	z-index: 2;
	text-align: center;
	line-height: 1;

text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.md { font-size: .7em;} /*second part of h1 logo*/

.sm { font-size: 1.5em;
  font-family: 'Dancing Script', Georgia, Times, serif;
  color: #eb3f42;

text-shadow: 1px 2px 3px rgb(255, 255, 255);
  
  
  } /*second part of h2 logo*/

.content ul { 
	padding: 1em;
	 list-style-type: none;
}

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

h2 {
	font-size: 1.35em;
	color: #ef3f6b;
	font-weight: 700;
	font-family: "Lato", Verdana, Geneva, sans-serif;
	text-shadow: 1px 1px 2px rgb(255, 255, 255);
  text-align: center;
	padding-left: .7em;
	}



h3 {	
	font-size: 1em;
	color: #ef3f6b;
	font-weight: 700;
	font-family: "Lato", Verdana, Geneva, sans-serif;
	display: inline;
text-shadow: 1px 1px 2px rgb(255, 255, 255);
	}


p {
	font-size: 1em;
	padding: 0 1em;
}



ul{
	line-height:1.5em;
}

li {padding-bottom: 1em;}

.footer ul > li{
    display:inline-block;
	padding: .5em;
}

img {
	border: none;
	max-width:100%}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	
}

.thumb{
	 border: 3px solid #fff; 
    border-radius: 4px; 
    padding: .3em; 

	background-color: #fd8390;
	margin-right: .5em;
	margin-bottom: .5em;

}

a:link {
	font-size: 1em;
}




.floatleft {
	float: left;
	padding-right: 10px;
}

.floatright {
	float: right;
	padding: .5em;
	margin: .5em;
}



.container {
	max-width: 100%;
	background: url(../images/waffle.jpg);
background-repeat:repeat;
	border: 0;
	margin: 0 auto;
}

#wrapper {  

max-width: 600px;

padding-bottom: .5em;
margin: 0 auto;
	
}
	
.row-nobg, .row-bg {
	padding-bottom: .5em;

	width: 100%;
	float: left;
	}


.row-bg{
	padding-bottom: .5em;
	padding-top: .5em;
	width: 100%;
	float: left;
	padding-left: 1em;
}



.row-bg {
	background-color: #fbcdce;
}


.top-return {
	font-size: .7em;
	font-style: italic;
}

/*date*/
p.date {color: #333;
	padding-top: .75em;
	font-size: .75em;
	font-style: italic;
}

p.footnotes {font-size: 1em;
font-style:italic
	
	}

.footer {
	padding: .75em 0;
	font-size: .85em;
	text-align: center;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}


@media screen and (max-width: 600px) {
	body{background: none;}
}