/* W3.CSS 4.04 Apr 2017 by Jan Egil and Borge Refsnes */

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* End extract */

html,body{font-family:"Open Sans",sans-serif;font-size:15px;line-height:1.5}
html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}

h1,h2,h3/*,h4,h5,h6*/{font-family:"Droid Serif",serif;font-weight:400;margin:10px 0}
.wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

img{margin-bottom:-5px}a{color:inherit}

.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}

.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;/*user-select:none*/}

.input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}

.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}

.w3-bar-block  {width:100%}

.w3-bar-block {min-width:100%}

.w3-bar-block .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}

.center .w3-bar{display:inline-block;width:auto}

.w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none}
.w3-bar-block.center .w3-bar-item{text-align:center}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,
.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}

.w3-half, .w3-third,/*.w3-twothird,.w3-threequarter,*/.w3-quarter{float:left;width:100%}


@media (min-width:601px)
.w3-quarter{width:24.99999%}
.w3-third{width:33.33333%}
.w3-half{width:49.99999%}
.w3-content{max-width:980px;margin:auto}

@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
.w3-hide-small{display:none!important}}
.w3-mobile{display:block;width:100%!important}
.w3-bar-item .w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile.w3-dropdown-hover.w3-mobile .w3-button ,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}

@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}

@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}

@media (max-width:992px){.w3-hide-medium{display:none!important}}

@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}

.w3-top/*,.w3-bottom*/{position:fixed;width:100%;z-index:1}.w3-top{top:0}

.w3-display-topright{position:absolute;right:0;top:0}

.w3-circle{border-radius:50%}

.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter{padding:0 8px}

.w3-container,.w3-panel{padding:0.01em 16px}

.w3-panel{margin-top:16px;margin-bottom:16px}

.container{padding:0.01em; position:relative; bottom:0px;}

.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}

.w3-medium{font-size:15px}.w3-large{font-size:18px}
.w3-xlarge{font-size:24px}.w3-xxlarge{font-size:36px}.w3-xxxlarge{font-size:48px}.w3-jumbo{font-size:64px}

.w3-justify{text-align:justify}.center{text-align:center}

.w3-border{border:1px solid #ccc}

.w3-section{margin-top:16px;margin-bottom:16px}

.w3-margin-top{margin-top:16px}

.w3-margin-bottom{margin-bottom:16px}

.w3-margin-right{margin-right:16px}

.w3-padding-small{padding:4px 8px}

.w3-padding-large{padding:12px 24px}
.w3-padding-16{padding-top:16px;padding-bottom:16px}
.w3-padding-24{padding-top:24px;padding-bottom:24px}
.w3-padding-32{padding-top:32px;padding-bottom:32px}

.w3-left{float:left}

.right{float:right}

.w3-button:hover{color:#000;background-color:#ccc}

/* Colors */

.granite,.hover-granite:hover{color:#000;background-color:#636564;}

.w3-white,.w3-hover-white:hover{color:#000;background-color:#fff;}
.white{color:#636564;background-color:#fff;}

.w3-black,.w3-hover-black:hover{color:#fff;background-color:#000;}

.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000;background-color:#DEE7E7}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff;background-color:#616161}

.platinum,.hover-platinum:hover{color:#DEE7E7;background-color:#636564;}
.text-platinum,.hover-text-platinum:hover{color:#DEE7E7;}

.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50;}

.w3-text-black,.w3-hover-text-black:hover{color:#000;}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#565656;}

.icon{margin-bottom:-3px;}

.right-space{margin-right: 30px;}

.antispam { display:none;}

/*From within page*/

body, h1,h2,h3/*,h4,h5,h6*/ {font-family: "Open Sans", sans-serif}
.w3-row-padding img {margin-bottom: 12px}
/*.bgimg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("SwingattheEndoftheWorld.jpg");
    min-height: 100%;
    -webkit-background-size: cover;
}*/
.bgimgglitch {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("SwingattheEndoftheWorldGlitch.jpg");
    min-height: 100%;
}

/*text highlights*/
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}

input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
/*Alternative Navigation Bar*/
/*
.navbar {background:width:60%;position:fixed;right:0;top:0; background-color:#636564;z-index:1;}
.navbar2 {background:width:100%;position:fixed;top:0; background-color:#636564;z-index:1;}
*/

.grid-container {
  display: grid;
  grid-gap: 10px;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto 75px 75px 75px 75px;
  background-color: #5a3b1d;
  padding: 10px;
  grid-row-gap: 10px;
  
}

.grid-item {
  background-color: #5a3b1d;
  border: 0px solid rgba(0, 0, 0, 0.8);
  padding: 10px;
  font-size: 26px;
  text-align: right;
}

.animation {
  grid-row-start: 2;
  grid-row-end: 6;
}
.title {
  grid-column: 2 / span 2;
}



.button {
   border-top: 1px solid #96d1f8;
   background: #3a404a;
   background: -webkit-gradient(linear, left top, left bottom, from(#5896bf), to(#3a404a));
   background: -webkit-linear-gradient(top, #5896bf, #3a404a);
   background: -moz-linear-gradient(top, #5896bf, #3a404a);
   background: -ms-linear-gradient(top, #5896bf, #3a404a);
   background: -o-linear-gradient(top, #5896bf, #3a404a);
   padding: 7px 14px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 20px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
/*.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }*/

/*to hide bubbler option*/
@media only screen and (max-width: 768px) {
  .animation {
      display: none;
  }
}