/* FLEX PROPERTY https://www.w3schools.com/cssref/css3_pr_flex.asp */

* {box-sizing: border-box; max-width:100%;}

@import url(http://www.google.com/cse/api/branding.css);
@import url(http://fonts.googleapis.com/css?family=Stalemate);
@import url(http://fonts.googleapis.com/css?family=Orienta);
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

body {
margin:0;
padding:0;
background-color:#000000;
font-family: 'Open Sans', sans-serif; 
font-style: normal; 
font-weight: 400; 
font-size:18pt;
color:#ffffff;
text-align:center;
/*
Logo Pink: #ff82ae
background-repeat:no-repeat;  background-position:center;
background-size:cover; background-image:url('/gigi-bar-cafe-bg-001.jpg');*/
}

img {border-style:none; max-width:98%;margin-left:auto;margin-right:auto;}
video {border-style:none; max-width:98%;margin-left:auto;margin-right:auto;}
p {margin-left:auto; margin-right:auto; max-width:1200px;}
.pink {color:#ff82ae;}

#header-menu {/*border-style:dotted; border-width:2px; border-color:pink;*/ padding:12px;line-height:72px;vertical-align:top; display:block;background-position:center; background-image:url('/mobile-menu-bg.png');}
#header-menu.img {padding:12px; vertical-align: text-bottom;}
/*.header-menu {padding:12px; }
.header-menu.img {padding:12px;vertical-align: text-top;}*/

a:link {text-decoration: none;color:#ff82ae;}
a:visited {text-decoration: none;color:#ff82ae;}
a:hover {text-decoration: none;color:#ff67c4;}
a:active {text-decoration: none;color:#ff82ae;}

/*
a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked
*/

ul,ol {list-style-position: outside; margin:8px; text-align:left;}
li {margin:8px; text-align:left;}
.fit {max-width:98%;}
.nowrap	{white-space: nowrap;}

span {box-sizing: border-box; margin:2px auto; max-width:98%; display:inline-block; padding:5px; vertical-align: middle;}
.left {margin-top:0px; padding:0px; text-align:left;}
.right {margin-top:0px; padding:0px; text-align:right;}
#keywords {display:none;}
.keywords {display:none;}

.center {margin-left:auto; margin-right:auto; text-align:center;}
.float-left {float: left; margin: 12px 24px 12px 0;}
.float-right {float: right; margin: 12px 0 12px 12px;}
.pad-12 {padding:12px;}

h1 {max-width:98%;color:#ff82ae;}

h2 {max-width:98%;color:#ff82ae;}

h3 {max-width:98%;color:#ff82ae;}

.fine-print{margin:12px;font-size:14pt;}

.white {color:#ffffff;}

.welcome_vid {
  display: block;
  max-width:98%;
  margin-left: 8px auto;
}

@media only screen and (min-width: 1600px) {

}


@media only screen and (max-width: 1050px) {
 
}

.mobile {display:none;}
	.mobile-top-menu {display:none;}
@media only screen and (max-width: 750px) {
	
	#header-menu {display:none;}
	 .tablet{display:none;}
	 .desktop{display:none;}
	.mobile {display:block; max-width:98%;}
	.mobile-top-menu {display:block;background-repeat:no-repeat;  background-position:center; background-image:url('/mobile-menu-bg.png');}
}
@media only screen and (min-width: 750px) {
	
	.mobile {display:none;}
	.mobile-top-menu {display:none;}
	 .tablet{display:block; max-width:98%;}
	 .desktop{display:block;max-width:720px;}

}
@media only screen and (min-width: 1050px) {
	#header-menu {display:block;}
		.mobile {display:none;}
	.mobile-top-menu {display:none;}
 .tablet{display:none;}
 .desktop{display:block;max-width:900px;}
 p {max-width:720px; margin:0 auto;}
  span {display:inline-block; max-width:720px; margin:0 auto;}
}

hr {width:80%; margin:24px auto; border: 1px dashed #ffffff}

img.get-wider {border-style:none;
-moz-transition: width ease-in-out 0.5s 0.1s; /* for Firefox 15 */
    -webkit-transition: width ease-in-out 0.5s 0.1s; /* for Chrome and Safari */
    transition: width ease-in-out 0.5s 0.1s;
   
	transition-property:width; transition-duration:0.5s; width:325px;}
img.get-wider:hover {width:355px;}

/* tr, td {display:inline-block;} */