/* BANNER */
#banner {
	position: relative; 
  top: 0px;
	clear: left;
  width: 100%;
	margin: 0 auto;
	text-align: center;
	}
  
#banner #banner-span {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  background-size: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  }

#banner #banner-span .inner {
  padding-top: 17.95%; /* height/width of image */
  display: block;
  height: 0;
  }

#banner #banner-span {
  background-image: url(../images/gidgevision-banner.jpg);
  max-width: 980px;
  }

@media only screen and (min-width: 1024px) {
  #banner #banner-span  { background-image: url(../images/gidgevision-banner.jpg); }
  #banner #banner-span .inner {
    padding-top: 17.95%; /* height/width of image */
    display: block;
    height: 0;
    max-width: 980px;
  }
  }
  
/* RESPONSIVE */

/* default for smallest screens */
body { background-color: rgb(102,85,67); }
#ch-title-content { position: relative; top: 0px; max-width: 980px; margin: auto; }
#ch-main-content { position: relative; top: 0px; max-width: 980px; margin: auto; background-color: rgb(243,233,167); }
#welcome { margin: 8px 0px 8px 0px; }
.w3-topnav { display: none; }
.ch-closenav { display: none; }
.ch-caption { font-size: 26px; }
.ch-lh-300 { line-height: 300%; }
.ch-events-roundel { display: none; }
.ch-monty { display: none; }
.ch-classico-image { width:100%; max-width: 200px; padding-bottom: 10px; }
.ch-frantoio-image { width:100%; max-width: 200px; padding-bottom: 10px; }
.ch-pendolino-image { width:100%; max-width: 200px; padding-bottom: 10px; }

@media only screen and (min-width:601px) {
  #ch-title-content { position: relative; top: 0px; }
  #ch-main-content { position: relative; top: 0px; }
  #welcome { margin: 8px 0px 8px 0px; }
  .w3-topnav { display: block; }
  .ch-opennav { display: none; }
  .ch-closenav { display: none; }
  .ch-caption { font-size: 26px; }
  .ch-lh-300 { line-height: 300%; }
  }

@media only screen and (min-width:710px) {
  .ch-events-roundel { display: block; position: absolute; top: -30px; right: 20px; }
  .ch-monty { display: block; }
  }
  
@media only screen and (min-width:993px) {
  #ch-main-content { position: relative; top: 0px; }
  #welcome { margin: 8px 0px 8px 0px; }
  .w3-topnav { display: block; }
  .ch-opennav { display: none; }
  .ch-closenav { display: none; }
  .ch-caption { font-size: 15px; }
  .ch-lh-300 { line-height: 200%; }
  }
  
@media only screen and (min-width:1024px) {
  #ch-main-content { position: relative; top: 0px; }
  #welcome { margin: 8px 0px 8px 0px; }
  .w3-topnav { display: block; }
  .ch-opennav { display: none; }
  .ch-closenav { display: none; }
  .ch-caption { font-size: 15px; }
  .ch-lh-300 { line-height: 200%; }
  .ch-purple { color: #fff !important; background-color: blue !important; } 
  }
  
#ch-main-content {
  font-family: "Verdana", Arial, sans-serif;
  }
  
/* UTILITIES */
.gv-bgwhite { background: white; }
.gv-margin-top{margin-top:8px !important}
.ch-purple { color: #fff !important; background-color: rgb(132,40,116) !important; }  
.ch-blue-purple { color: #fff !important; background-color: rgb(117,110,181) !important; }  
.ch-green { color: #fff !important; background-color: rgb(110,193,58) !important; }  
.ch-black { background-color: black; } 
.ch-text-purple { color: rgb(132,40,116) !important; }
.ch-text-mango { color: rgb(247,130,0); }
.ch-segoescript { font-family: "Segoe Script", cursive; font-weight: bold; }
.ch-tangerine { font-family: "Tangerine", cursive; }
.ch-sans { font-family: "Verdana", sans-serif; }
.ch-i { font-style: italic; }
.ch-b { font-weight: bold; }
.ch-pale { background-color: #eeffee; }
.ch-clean-link a { text-decoration: none; }
.ch-clean-link a:hover { text-decoration: underline; }
.ch-none-link a { text-decoration: none; }
.ch-none-link a:hover { text-decoration: none; }
.ch-caption { position: absolute; top: 240px; right: 20px; width: auto; height:auto; } 
.ch-caption-2 { position: absolute; top: 290px; right: 20px; width: auto; height:auto; } 
.ch-bw { background: white; color: black; }
.ch-opa-8 { opacity:0.8 !important }
.ch-20 { font-size: 20px; } 
.ch-22 { font-size: 22px; } 
.ch-inblock { display: inline-block; }
table.ch-table td,th{padding:6px 8px;display:table-cell;vertical-align:top}

a.scrollup {
    outline: 0px none;
    text-align: center;
}

a.scrollup i {
    margin-top: 10px;
    color: #fff;
}

.scrollup {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 20px;
    right: 20px;
    background: #222 none repeat scroll 0% 0%;
    opacity:0.6 !important
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.ch-input-box {
  border-radius: 10px;
  border: 1px solid gray;
  padding: 8px;
  margin: 2px 0;
  }