/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,
form,fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,ul,
table,tr,td,th,p,img {
	margin:0;
	padding:0;
}
img, fieldset {
	border:none;
}

hr {
	display:none;
	/*
		HR in my code are for semantic breaks in topic/section, NOT
		style/presenation, so hide them from screen.css users
	*/
}
.horizontal-line {
  border-top: 1px solid black;
}
.box{
    border: 1px solid black;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 0px 0px;
    margin-bottom:.3em;
}

.centerBold
{
    font-weight: bold;
    text-align: center;   
}

.bold
{
    font-weight: bold;
}
.red{
        color:red;    
}
.center
{
    text-align: center;   
}

.box_title_today, .box_title
{
    background: #70767a;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    color: #D2D5D8;
    font: bold 1.3em sans-serif;
    padding: 7px 10px 2px;
}
.box_subtitle_today, .box_subtitle
{
    background: #70767a;
    color: #D2D5D8;
    font: bold 1.0em sans-serif;
    padding: 2px 10px 6px;
}

.videoWrapper {
  padding-top:56.25%;
  position: relative;
  margin: .5em;
  border-radius: 1em;
  border:2px solid white;
}
.videoWrapper iframe {
  border-radius: 1em;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.chatWrapper {
  padding-top:56.25%;
  position: relative;
  margin: .5em;
  border-radius: 1em;
  border:2px solid white;
}
.chatWrapper iframe {
  border-radius: 1em;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#Spinner{
    display:none;
}
/* th,td,caption {padding: 4px 10px 4px 5px;} */
#bannerheader{
    height:3em;
}
#bannerevent{
    padding-left:.5em;
    text-align:left;
}
img.responsive {
  width: 100%;
  height: auto;
  border-radius: 1em;
}
img.responsive.daily{
  width: 100%;
  height: auto;
    border-radius: 0em 0em 0em 0em;    
}
img.responsivewidth {
  height: 100%;
  width: auto;
  border-radius: 1em;
}
a.button{
/*    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button; */
  border: 1px solid #c0c0c0;
    border-radius: .2em;
  background-color: #f9f9f9;
  color: black;
  margin-bottom:.3em;
    text-decoration: none;
    color: initial;
    padding-left:.5em;
    padding-right:.5em;
    display:inline-block;
    height:1.6em;
background: linear-gradient(#e4e4e4, #f7f7f7);
border: 1px solid #afafaf;
}
a.button:hover{
    cursor: pointer;
}
@media (max-width:480px) {
	* {
		-webkit-text-size-adjust:none;
		-ms-text-size-adjust:none;
	}
}

html, body {
	width:100%;
	height:100%;
}

body {
	display:-webkit-flexbox;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	min-width:48em; /* for pre CSS3 browsers */
	font:normal 85%/150% "segoe ui",helvetica,sans-serif;
    
    background-image: url('../img/body.jpg');    
    background-position: center center;
    background-color: #798088;
    background-size: 100% 100%;
}
#top,
#callToActionBar,
#footer {
	flex-shrink:0;
}
#helpButton{
    float: right;
    display:inline-block;
    width:1.5em;
    height:1.5em;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    margin:0;
    padding:0;
}
#helpImage{
    width:1.5em;
    height:1.5em;    
}
#helpButton:hover{
    cursor: pointer;
}

.socialButton{
    display:inline-block;
    width:1.5em;
    border-radius: 50%;
    font-size:24px;
    border-style: solid;
    border-width: 1px;
    margin: .1em;
}
#emailInvitation{
    font-size:18px;
}
#facebookButton{
	color:#3b5999;    
    border-color:#3b5999;
}
#instagramButton{
	color:#e4405f;    
    border-color:#e4405f;
}
#twitterButton{
	color:#55acee;    
    border-color:#55acee;
}
.widthWrapper {
	overflow:hidden; /* wrap floats and margins */
	zoom:1; /* trip haslayout, wrap floats and margins legacy IE */
	max-width:64em;
	padding:0 1em;
	margin:0 auto;
  }
#mainWrapper{
    border: transparent;
    border-style: solid;
    }
* html .widthWrapper {
	/*
		legacy IE can't do min/max-width, so shove a fixed width at them.
		OH WELL, they should be thankful we bother even thinking about the folks
		still using it!
	*/
	width:48em;
}

h1 {
	float:left;
	padding:0.3em 0 0.5em 0;
	font:bold italic 250%/110% "segoe ui",helvetica,sans-serif;
}

h1 a {
	text-decoration:none;
	text-transform:uppercase;
}

h1 small {
	display:block;
	text-transform:none;
	font:bold 58%/110% "segoe ui",helvetica,sans-serif;
}


h1 small span {
	display:inline;
    color:black;
/*	display:none;
	
		We could also use text-indent here to remove the hyphen then absolute
		position this over the text for gilder-levin if we wanted a logo image
		instead of actual text.
	*/
}
.DeleteButton{
    height: 20px;
    width: 20px;
    margin-left:.5em;
    vertical-align:middle;
}
.DeletePerformerButton{
    height: 26px;
    width: 26px;
}
.DeleteImage{
    height: 22px;
    width: 22px;
}
.dbSelect{
    height:26px;
    width: 26em;
}
#AgreementContainer{
    width:100%;
    overflow:hidden;
}
#Agreement{
    margin-top:3px;
    font: 110%/125% "segoe ui",helvetica,sans-serif;
    float: right;
    width: 50%;
}
#AgreementImage{
  float: left;
  width: 50%;
}
#AnonymousCheckbox{
vertical-align: -3px;
}
#EmailCheckbox{
vertical-align: -3px;
}
#AgreementCheckbox{
vertical-align: -3px;
}
#NumberOfReservations{
    text-align:center;    
}
#ButtonContainer{
    height: 2.5em;
}
#LiveButtons{
    border-radius: 1em;
    float:left;
    min-width:140px;
}
#PolicyButtonContainer{
float:right;
width:130px;
}
#PolicyButtonContainer a{
float:right;
}
#BannerPerformerSelect{    
    width: 28.2em;
}
#AddPerformerSelect{    
    width: 34em;
}
#EventDate{
    height:15px;
    width: 17em;    
}
.price{
    height:15px;
    width: 2.5em;    
}
#purchase{
    margin-bottom:.5em;
}
#Instructions{
    font: 125%/150% "segoe ui",helvetica,sans-serif;    
}
#Instructions p{
}
#DateSelect{
    height:21px;
    width: 15em;
    margin-top:2px;    
    margin-bottom:2px;    
}
#TimeSelect{
    height:21px;
    width: 7.8em;
    margin-top:2px;    
    margin-bottom:2px;    
}
#ReservationQty{
    height:18px;
    width: 7.65em; 
    padding:0;
    border-width:1px;   
    border-style:solid;   
    border-color:darkgray;   
}
#QtySelect{
    height:22px;
    width: 7.8em;    
}
#mycomment{
    width:447px;
}
#Description{
    width: 35em;
    
}
#calendarpreview{
    width:50px;
}
#mainpagepreview{
    width:100px;
}
#performerpreview{
    width:125px;
}
#preview{
    width:500px;
}
#preview-medium{
    display:none;
}
.Width8em{
    width:8em;
}
.Width18em{
    width:18em;
}
.Width48em{
    width:33em;
}
.TextLeft{
    text-align:left;
}
.contact{
    width:17em;
}
#banner td input[type="text"] {
    width:20em;
}
#performer td input[type="text"] {
    width:35em;
}
#addbutton{
    height:1.7em;
    margin-bottom:.25em;
}
#bannerlist{
    border-collapse:collapse;
}
#bannerheader th{
	text-align:left;
    border-bottom: 1px solid #000;   
}
#bannerlist tbody:before {
    line-height:.5em;
    content:"\200C";
    display:block;
}
#bannerlist tr{
    height:1.8em;
}
#donateWrapper{
    text-align: center;
}
#DonateButton{
	font:bold 175% "segoe ui",helvetica,sans-serif;
	display:inline-block;
    cursor: pointer;
    border-radius: 10px;
    background-color: #d6d8da;
    height:2.5em;
    margin-top:.2em;
	text-decoration:underline;
}

.TicketBanner{
	float:right;
	display:inline-block;
    border-radius: 5px;
    color:red;    
	font:bold 120%/130% "segoe ui",helvetica,sans-serif;
    border: 1px solid black;    
    margin-right:.25em;
    height:1.5em;
}
.TicketButton{
	float:right;
	display:inline-block;
    height:26px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #d6d8da;
    height:2em;
}
.NoTicketButton{
	float:right;
	display:inline-block;
    height:26px;
    border-radius: 5px;
    margin-top:-.2em;
}
.container {
  position: relative;
}
.container .TicketButton {
  position: absolute;
  top: 99%;
  left: 86.5%;
  margin-bottom:1em;
}

#PrintButton{
    color: black;
	display:inline-block;
	float:right;
    height:26px;
    cursor: pointer;
    border-radius: 5px;
    background-color: #d6d8da;
    height:2em;
}

.container .btn:hover {
  background-color: black;
}
.DateButton{
    margin-left:.3em;
    width:7.6em;
}
#EventDateButton{
    margin-left:.3em;
}
#PerformerButton{
    margin-left:.2em;
    height:26px;
}
#FileButton{
    width:7.6em;
}
#UploadButton{
    margin-left:1em;
    border-radius: .5em;
}
#event tr{
    vertical-align:top;
}
#performer tr{
    vertical-align:top;
}
#performerlabel {
	font: 250%/110% "segoe ui",helvetica,sans-serif;
}
#reservationlabel {
	font: 200%/100% "segoe ui",helvetica,sans-serif;
}
#underlinedperformerlabel {
	font: 250%/110% "segoe ui",helvetica,sans-serif;
    text-decoration: underline;
}
.reservationlabel {
	font: 250%/110% "segoe ui",helvetica,sans-serif;
}
#Quantity{
	text-align:center;    
}
#Arrival{
	text-align:center;    
}
#bannerheader #PhoneLabel{
	text-align:center;    
}
#EventSelect{
    height:22px;
    width:34em;
}
.Day{
    display: inline-block;
    text-align:right;
    width:5em;
    color:black;
}
.lineThrough {
    position: relative;
}
.lineThrough::after {
      content: "  ";
      display: block;
      width: 395px;
      height: 1px;
      background: red;
      position: absolute;
      top: 49%;
      left: 50%;
      margin-left: -50px;
}
.StrikeThrough{
    color:red;
    text-decoration:line-through;
}
.SoldOut{
    display: inline;
    text-align:right;
    width:6em;
    color:red;
    height:1.1em;
    
}

.inline-elements label, 
.inline-elements input[type="text"]{
    display: inline-block; /* Makes elements sit side-by-side */
    vertical-align: top; /* Aligns elements vertically */
    margin-right: 5px; /* Adds some spacing between elements */
    white-space: nowrap;
    overflow: hidden;
    border: 1px 1px 1px 1px;    
    padding: 0px 0px 0px 0px;    
    margin: 0px 0px 0px 6px;    
}

#SoldOutRight{
     overflow: hidden;
}
.SoldOutContainer{
    text-align: right;
    margin-right: 10px;
    height:1.2em;
}

.ticketed{
    margin: 3px 3px 3px 1px;    
}
.ticketInfo{
    float:left;
    height:1.1em;
}
#ticketlabel{
	text-decoration:underline;
    height:1.4em;
}
.right{
    float:right;
}
#headinglabel {
	font: 200%/100% "segoe ui",helvetica,sans-serif;
    margin-bottom: .5em;
}
.performerline {
    margin-bottom: .2em;
}
.subscript{
    font-size: x-small;
    line-height:1em;
}
#mainMenu {
	list-style:none;
	float:right;
	text-align:right;
	max-width:20em;
	padding-top:0.9em;
}

#mainMenu li {
	display:inline;
}

#mainMenu a {
	display:inline-block;
	text-align:center;
	width:6em;
	padding:0.25em 0;
	margin:0 0 0.5em 0.2em;
	text-decoration:none;
	color:#FFF;
	background:#000;
}

#callToActionBar {
	text-align:center;
	padding:0.5em 0;
/*	background:#FFF; */
}

#callToActionBar div div {
	float:right;
	margin-left:1em;
}

h2 {
	padding-bottom:0.4em;
	text-transform:uppercase;
	font:130%/150% "segoe ui",helvetica,sans-serif;
}
#PurchaseLabel{
    width:100%;
	padding-bottom:0;    
}
#InstructionLabel{
    text-decoration: underline;
	padding-bottom:0;    
}
#PurchaseWarning{
	margin-top:0.5em;
    color:red;    
	font:110%/125% "segoe ui",helvetica,sans-serif;
}
h4 {
	font-weight:normal;
    text-decoration: underline;
}

.columnWrapper {
	clear:both;
/*	background:#DDD; */
	-webkit-flex:1 0 auto;
	-ms-flex:1 0 auto;
	flex:1 0 auto;
}

.dayWrapper {
	float:right;
	width:40%;
}
.comingWrapper {
    position: relative;
	float:left;
	width:60%;
}
.bannerWrapper {
	float:left;
	width:60%;
}
.letterWrapper {
	font:130%/150% "segoe ui",helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
	width:80%;
}
.linkWrapper {
    margin-left: auto;
    margin-right: auto;
	width:80%;
	margin-top:1em;
}
/* .linkWrapper {
	float:left;
	width:60%;
	margin-top:1em;
} */

.performerWrapper {
    margin-left: auto;
    margin-right: auto;
	width:50%;
}
.purchaseWrapper {
    margin-left: auto;
    margin-right: auto;
	width:50%;
}
#Submit{
	float:right;
    border-radius: .5em;
}
#emailtitle{
    display: inline-block;    
}
#ouremail, #ourphone{
    margin-left:1em;
}
.ticketSection{
	width:100%;    
}
#TicketEventDate{
	font:130%/150% "segoe ui",helvetica,sans-serif;
    height:1.5em;
}    

#PerformerPic{
    display:inline-block;
    width:28em;
}
#PerformerDesc{
    display:inline-block;
    width:28em;
}
#extras,
#extras .firstSection,
#extras .secondSection {
	position:relative;
}

#extras {
	float:left;
	text-align:center;
	padding-top:1em;
	width:18em;
	margin-left:-18em; /* == width */
}

.disableOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(200, 200, 200, 0.15); /* Semi-transparent grey */
  z-index: 10; /* Ensure it's above the container's content */
  display: block; /* Show when container is disabled */
}

div.content{
	margin:.5em;
    border-radius: 1em;
    overflow:hidden;
    perspective: 1px;
}
.contentBox {
    border-radius: 1em;
	padding:1em;
	background:#FFF;
}
#topBanner.contentBox {
    border-radius: 1em;
	padding:1em;
	background:#FFF;
    min-width:400px;
}
#topwrapper{
  display: flex;
  border: 1px solid black;    
}
#previewsection{
    padding-left:3em;
}
#classList{
  list-style-position: inside;
}
#dayContent .daySection {
	padding-top:1em;
	border-top:2px solid #666;
}

#dayContent h3 {
	overflow:hidden; /* wrap floats and margins */
	zoom:1; /* trip haslayout, wrap floats and margins legacy IE */
	padding-bottom:0.8em;
	font:bold 125%/150% "segoe ui",helvetica,sans-serif;
}

#dayContent h3 span {
	float:right;
	padding-left:1em;
}

#dayContent h3 span span {
	display:none;
}

#comingSoon ul {
	list-style:none;
}

#comingSoon li {
	padding-bottom:0.75em;
}

#comingSoon a {
	display:block;
	text-decoration:none;
}

#comingSoon a strong {
	display:block;
}
#advertisement h2 {
	font:bold italic 100%/120% "segoe ui",helvetica,sans-serif;
	color:#48C;
}

#advertisement i {
	/* dummy advert */
	display:inline-block;
	width:160px;
	height:600px;
	background:#EEE;
}

#footer {
	padding:1em;
	text-align:center;
}
.topnav {
    overflow: hidden;
/*    background-color: #333; 
    background: #6E7D85 url('img/navigation.gif') repeat-x;*/
  float: right;
  margin-top: .5em;
  z-index: 15; /* Ensure it's above the container's content */
  
}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: .3em .875em;
  text-decoration: none;
  font-size: 1.3em;
}

.topnav a:hover {
/*    background: #6E7D85;
    background: #5E6D75;
  background-color: #ddd;*/
  color: #E0E6EA;
}

.topnav a.active {
	background: #798088;
	color: white;
    border-radius: 1em;
  border: 1px solid black;    
}

.topnav .icon {
  display: none;
}

#copyright{
    color:black;
    text-decoration: none;
}






$grid-color: #FFEBEE;
$block-color: #EEFF41;

$gutter: 40px;

.block{
    display: block;
    padding: 50px 0;
    text-align: center;
    margin-bottom: 40px;
}

.grid{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: white;
    padding-top: 40px;
}

.gutter{
    margin-left: 20px;
    margin-right: 20px;
}

.col-7{
    width: 14.285714285714285714285714285714%;
    float: left;
}
.col-33{
    width: 33.3%;
    float: left;
}
.col-50{
    width: 50%;
    float: left;
}

.clear{
    clear: both;
    display: block;
}

.wrapper {
  position: relative;
}
#myTopnav {
  position: absolute;
  top: 0;
  right: 0;
}
#ShortAnonymousLabel { display: none; }

/* change body::before to #NoShow */
@media (min-width:64em) {
  #NoShow {
    content: "media query (min-width:64em) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9); /* Semi-transparent yellow */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
	.widthWrapper {
		max-width:80em;
	}
	#content {
		padding-left:1em;
		margin-left:18em;
	}
    
	#extras {
		float:none;
		width:auto;
		margin:0;
		padding:0;
	}
	#extras .firstSection,
	#extras .secondSection {
		width:18em;
		float:left;
		padding-top:1em;
	}
	#extras .firstSection {
		margin-right:-18em;
		left:-100%;
	}
	#extras .secondSection {
		margin-left:-18em;
	}
} /* max-width:64em */

@media (max-width:64em) {
  #NoShow {
    content: "media query (max-width:64em) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9); /* Semi-transparent yellow */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
  .topnav a {
    display: none;
    padding: 0em .875em;
    }
  .topnav a.icon {
    float: right;
    display: inline-block;
    font-size:3em;
    width:.25em;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: -5em;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: right;
  }
  
    .col-7{
        width: 100%;
        float: none;
    }  
  
#AgreementImage{
    float:left;
  width: 100%;
}
#Agreement{
    float:left;
  width: 100%;
}
.purchaseWrapper {
    padding-left: 1em;
    padding-right: 1em;
    margin-left: auto;
    margin-right: auto;
/*	float:left; */
	width:100%;
}
.performerWrapper {
    margin-left: auto;
    margin-right: auto;
   	float:left;
	width:100%;
}
  
  
}
@media (max-width:46em) {
  #NoShow {
    content: "media query (max-width:46em) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9); /* Semi-transparent yellow */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
	body {
		min-width:192px;
	}
	#content {
		margin:0;
		padding:1em 0 0;
	}
	#extras {
		float:none;
		clear:both;
		float:none;
		width:auto;
		margin:0;
		padding:0 19em 0 0;
	}
	#extras .firstSection {
		float:left;
		width:100%;
	}
	#extras .secondSection {
		float:left;
		width:18em;
		margin-right:-18em;
		left:1em;
	}

    
} /* max-width:46em */

@media (max-width:40em) {
  #NoShow {
    content: "media query (max-width:40em) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9); /* Semi-transparent yellow */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
	h1,
	#mainMenu {
		text-align:center;
	}
	#mainMenu {
		padding:0 0.5em 0.75em;
		max-width:90em;
	}
	#mainMenu a {
		width:auto;
		padding:0.75em 1.5em;
	}
	#callToActionBar {
		padding:0.5em;
		text-align:center;
	}
	#callToActionBar div div {
		float:none;
	}
/*	.widthWrapper {
		padding:0;
	} */
	#content {
		padding:0;
	}
	#extras {
		padding:0;
	}
	#extras .firstSection,
	#extras .secondSection {
		float:none;
		margin:0;
		left:0;
		width:auto;
	}
	.contentBox {
		padding:1em 0.5em;
		margin-bottom:0;
		border-bottom:2px solid #000;
	}
#performerlabel {
	font: 200%/110% "segoe ui",helvetica,sans-serif;
    margin-bottom: .3em;
}    
/*
.performerWrapper {
	float:left;
	width:100%;
}*/
.comingWrapper {
	float:left;
	width:100%;
}
.dayWrapper {
	float:right;
	width:100%;
}
.bannerWrapper {
	float:left;
	width:100%;
}   
/* .linkWrapper {
	float:left;
	width:100%;
} */
    
	#footer {
		border:0;
	}
#callToActionBar{
    display:none;
}    
.letterWrapper {
	font:110%/135% "segoe ui",helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
	width:95%;
}
.linkWrapper {
    margin-left: auto;
    margin-right: auto;
	width:95%;
	margin-top:1em;
}
    
} /* max-width:40em */

@media (max-width:34em) {
  #NoShow {
    content: "media query (max-width:34em) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9); /* Semi-transparent yellow */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  
	#mainMenu {
		max-width:24em;
		margin:0 auto;
	}
	#footer br {
		display:none;
	}
    h1 {
    	padding:0;
    }
    h1 small span {
    	display:block;
        margin: auto;
    }
/*     .subSection p{
        height:3.4em;
    } */
    .container .TicketButton {
        left: 78%;
    }
    #topBanner.contentBox {
        min-width:unset;
/*        max-width:400px; */
        padding:.3em;
    }
    
    #ShortAnonymousLabel { display: inline-block; }
    #LongAnonymousLabel { display: none; }
} /* max-width:34em */

@media (max-width:24em) {
  #NoShow {
    content: "media query (max-width:24em) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9); /* Semi-transparent yellow */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
.DonationInput{    width:10em;}
    
} /* max-width:24em */

@media (max-width:20em) {
  #NoShow {
    content: "media query (max-width:20em) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9); /* Semi-transparent yellow */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }
	h1 {
		font:bold italic 200%/110% "segoe ui",helvetica,sans-serif;
	}
} /* max-width:20em */