@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: "DinPRO-Regular";
	src: url('/websvcs/templates/fonts/ffdin/DINWeb.woff');
}

@font-face {
	font-family: "DinPRO-Bold";
	src: url('/websvcs/templates/fonts/ffdin/DINWeb-Bold.woff');
}  

body {margin:0px; padding: 0px;}
div {margin:0; padding:0;}
a {text-decoration:none; color:#69BE28;}
ul {font-family: "DinPRO-Regular";font-size:12px; line-height:21px; color:#434343;}
ol {font-family: "DinPRO-Regular";font-size:12px; line-height:21px; color:#434343;}
#home .home, #about .about, #about .about, #research .research, #technologies .technologies, #trials .trials, #news .news, #subscribe .subscribe, #donatetxbdc .donatetxbdc, #people .people, #leadership .leadership, #partners .partners, #labs .labs, #publications .publications, #neurotriage .neurotriage, #humantrak .humantrak, #firefly .firefly, #exolimb .exolimb, #optispeech .optispeech, #volunteer .volunteer, #alumni-news .alumni-news
{text-decoration:underline;}

img {border:none; width:100%;}
img.social {width:30px;}
img.float {width:100%; height:auto;}
img.partner {width:90%; height:auto; margin:20px 10px 60px 10px;}
img.go {width:5%; height:auto; float:right;}
#bgimg {position:fixed;right:0;bottom:0; top:-350px;width:100%;height:auto;z-index:-100;}
#bgimghome {position:fixed;right:0;bottom:0; top:-50px;width:100%;height:auto;z-index:-100;}
#float-50 {float:left; width:20%; margin:20px 20px 10px 0; height:auto;}
#float-60 {float:left; width:50%; margin:20px 20px 10px 0; height:auto;}
img.graph {width:60%;}
img.txbdc {width:40%; margin-top:40px; }
img.rewire {width:90%; margin-top:40px; }
img.color {width:40%;}
img.mobilelogo {width:30%;padding: 5px;}
img.utdlogo {padding:10px 0 0 0;}
.fixedlogo {background-color: black; height: 50px;position: fixed;width: 100%;}
.innerfixedlogo {z-index:-1;}
img.fixed {width: 20%; float: left; padding: 5px 28px 5px 0;}
img.fixedwhite {display: none;}
img.mobile-logo {display: none;}
img.buttons {width: 80%;}

h1 {margin:0; padding:20px 0 5px 0; font-family: "DinPRO-Bold"; font-size:18px; color:#3c3c3e; line-height: 34px; }
h2 {margin:0; padding:30px 0 15px 0; font-family: "DinPRO-Bold"; font-size:20px; color:#3c3c3e; line-height: 24px; }
h2.techheader {margin:0; padding:30px 0 15px 0; font-family: "DinPRO-Regular"; font-size:28px; color:#008542; line-height: 24px;text-align: center; font-weight: normal;}
h2.rewire {margin:0; padding:70px 0 5px 0; font-family: "DinPRO-Bold"; font-size:20px; color:#3c3c3e; border-bottom: 1px solid #69be28; }
h2.rewireb {margin:0; padding:20px 0 5px 0; font-family: "DinPRO-Bold"; font-size:18px; color:#3c3c3e;  }
h2.rewirec {margin:0; padding:0px; font-family: "DinPRO-Bold"; font-size:20px; color:#008542; border-bottom: 1px solid #69be28;text-align: center;}
h3 {margin:0; padding:10px 0 0 0; font-family: "DinPRO-Regular"; font-size:18px; color:#3c3c3e;  border-top:1px solid #CDCDCD; margin-top:10px;line-height: 24px;}
h4 {font-family: "DinPRO-Bold"; font-size:12px; color:#7A7A7A; font-weight:normal; border-top: 1px dotted #c7c7c7; padding-top:15px;line-height:18px;}
h5 {font-family: "DinPRO-Regular";font-size:15px; color:#ffffff; margin-top:15px; margin-bottom:5px; text-align:center;}
h6 {font-family: "DinPRO-Regular"; font-size:18px; background-color:#69be28; color:#ffffff;padding:5px 0 5px 10px; margin:0; font-weight:normal;}
h7 {font-family: "DinPRO-Regular"; font-size:14px;   color:#69be28;padding:0; margin:5px;}
h8 {font-family: "DinPRO-Bold"; font-size:12px; color:#7A7A7A; font-weight:normal; }
p.news {font-family: "DinPRO-Regular"; font-size:14px; color:#7A7A7A; padding:10px;line-height:20px; background-color:#ffffff; margin: 5px 0 0 0;}


p {font-family:'DinPRO-Regular'; font-size:14px; line-height:21px; color:#434343;}
p.italic {font-style: italic; color: #008542; text-align: center;}
p.list {line-height:30px; font-size:18px; text-align: center;}
p.boldlist { font-size: 25px; line-height:43px; font-family: "DinPRO-Bold"; margin-top:0;}
p.donors {font-size:11px; line-height:18px; margin:0 0 20px 0; padding:0 0 0 30px; }
p.utd {font-family: "DinPRO-Regular"; font-size:14px; color:#ffffff; padding-right:0;}
p.intranet {font-family: "DinPRO-Regular"; font-size:12px; color:#ffffff; padding-right:0;}
p.caption {font-family: "DinPRO-Bold";font-size:12px; line-height:16px; text-align:left; padding:0 0 10px 0;}
p.bold {font-family: "DinPRO-Bold";}
p.donate {font-family: "DinPRO-Bold";font-size:14px; line-height:20px; text-align:left; color:#000000; padding:5px 5px 10px 5px; margin:5px;}
p.opener {font-size:16px; line-height:25px; padding: 0 20px 0 20px;}
p.story {border-bottom:1px dotted #dfdfdf; padding-bottom:20px;}
p.leftnav {border-bottom:1px solid #69be28;line-height: 35px;}
p.staff {font-size:12px; line-height:16px; padding:0;margin:0;}
p.calendartext {font-size:12px; line-height:20px; padding:5px;margin:0; text-align:left;}
p.strong {font-family:"DinPRO-Bold";}
p.strongwire {font-family:"DinPRO-Bold"; font-size: 18px; line-height: 28px;}

.header {
    background-color: #000000;
    width: 100%;
    top: 0;
    position: fixed;}

.navbar{
    overflow: hidden;
    background-color: #ffffff;
     border-bottom: 1px solid black;
   /*position: fixed;  Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */}

.navbar-mobile{
    display: none;}

.navbar a {

    color: #000000;
	font-family: "DinPRO-Regular";
	line-height:60px;
    padding: 10px;
    text-decoration: none;
	font-size: 14px;
}

.navbar a:hover {
    background: #ddd;
    color: black;
}

.topmenu{
    width: 100%;
    border-top: 30px solid #000000;
}

.downloads {background-color:#bfbfbf; padding:10px 0 10px 10px;}

#nav-mobile-home {display:none;background-color: #893115; width: 100%; z-index: 10;}
#mobile-menu-icon{display:none;}
#mobile-menu-icon.active{background-image:url(txbdc/images/hamburger.png); display:inline;width:10%; float:right; background-color:#893115; padding:9px;}
#mobile-menu-container{display:none;background-color: #272727; width: 100%; z-index: 10;}
#mobile-menu-icon-home{display:none;}
#mobile-menu-icon-home.active{background-image:url(txbdc/images/hamburger.png); display:inline;width:10%; float:right; background-color:#893115; padding:9px;}

div.calendar-list {float: right; width: 65%;}
div.clear {clear:both;}
div.colone {float:left; width:24%; margin-right:10px;margin-bottom: 20px;}
div.coltwo {float:left; width:24%; margin-right:10px;margin-bottom: 20px;}
div.colthree {float:left; width:24%; margin-right:10px;margin-bottom: 20px;}
div.colfour {float:left; width:24%;margin-bottom: 20px;}
div.column-50-left {width: 47%; float: left; padding-right: 1%}
div.column-50-right {width: 47%; float: right; padding-left: 1%}
div.column-25 {width: 22%; float: left; border-right:1px solid #d2d2d2; padding:1%;}
div.column-50-left-rewire {width: 40%; float: left; padding-right: 0; text-align: right;}
div.column-50-right-rewire {width: 58%; float: right; padding-left: 0; text-align: left;}
.column-35-left{width: 22%; float: left; margin-right:1%;}
.column-65-right{width: 74%; float: right; }
div.donate {background-color:#e8f9dc; margin-top:25px;}
div.a {float:left; width:32%; margin-right:10px;}
div.b {float:left; width:32%; margin-right:10px;}
div.c {float:left; width:32%; margin-right:10px;}
div.txbdc {float:left; width:45%; margin-right:20px;}
.tech {float:left; width:14%; margin-right:10px;}
    div.vimeomobile {display: none;}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}


.container {padding:0;}
.bodycontainer {vertical-align:top; width:100%; height:auto; background-color:white; padding: 0px 0 20px 0;}

.bodycontainerrewire {vertical-align:top; width:100%; height:auto; background-color:white; padding: 0px 0 20px 0;}

.text-area {margin: 0px auto 0px auto; width:960px;  padding: 8px 0 0 0;}
.text-area-nav {width:95%; float:none; border:none; margin:0 10px 0 10px;}

#blackcontainer {vertical-align:top;  width:100%;  background-color:black; padding: 20px 0 20px 0;height:auto;}
#innerblackcontainer {width:960px; margin: 0px auto 0px auto; }

#graycontainer {vertical-align:top;  width:100%;  background-color:#ebe9e9; padding: 10px; height:auto;}
#graycontainerrewire {vertical-align:top;  width:100%;  background-color:#ebe9e9; padding: 20px 0 20px 0; height:auto; position: relative; }
#innergraycontainer {width:960px; margin: 0px auto 0px auto; }
#innergraycontainerrewire {width:960px; margin: 60px auto 20px auto; }
.logocontainer {width:960px; margin: 0px auto 0px auto; position:relative; height:auto; z-index:-1;}
.logocontainerrewire { margin: 60px auto 0px auto; position:relative; height:auto; z-index:-1;}

.gray-area {float:left; width:960px; margin: 0px auto 0px auto; position:relative; height:auto;}
#blkcontainer {vertical-align:top;  width:100%;  background-color:#000000; border-bottom:1px solid #ffffff; }

#dashedcontainer {vertical-align:top;  width:100%; border-top: 1px dotted #d5d4d4;border-bottom: 1px solid #ebe9e9; height:auto; background-color:white;padding: 20px 0 20px 0;}
#container {width:960px; margin: 0px auto 0px auto; position:relative;}


#innercontainer {width:960px; margin: 0px auto 0px auto; position:relative;}
#mobilecontainer {width:100%; display:none;} 
#donatecontainer {position:absolute; padding: 0 40px 0 0; right:0px;}
.mobile-orangecontainer {display:none;}
.mobile-orangecontainer-home {display:none;}
#mobile-nav-container {background-color:#ffffff; width:100%; margin: 0px auto 0px auto; padding:0;}
#headerleft {float:left; padding:25px 0 15px 15px; border:none; margin:0; width:300px;}
img.headerleft {width:100%;}
#headerright {float:right; padding:24px 0 0 0; border:none; margin:0; font-family: "DinPRO-Regular";}
#headerright a {color:#ffffff; font-family: "DinPRO-Regular";}
#headernav {height: 0px; clear:both;font-family: "DinPRO-Regular";}
#headernav a {font-family: "DinPRO Medium"; text-decoration:none; font-size:18px; margin-left:20px; color:#252525; border-right: 1px #c1c1c1 solid; padding-right:25px; width:193px; height:44px;}
#headernav a:hover {color:#c75b12;}

#searchbar {float:right; margin-top: -30px;}
input[type=text] {background-color:#ffffff; border: none;padding: 25px;  font-family:"DinPRO-Regular"; margin:10px;}
input[type=text]:focus {outline:none;}
input[type=button], input[type=submit], input[type=reset] {border: none;color: white; background-color:#636363; text-decoration: none;cursor: pointer;font-family:"DinPRO-Regular";margin:0; padding: 10px; margin-left: -5px;width: 35px;}
#mobilesearchbar {float:none; }

#nav {padding: 0; border: 0; margin-top: -25px; margin-right:15%; float: right;}
#nav ul{list-style-type: none; margin: 0px;}
#nav ul li {display: inline;}
#nav ul li a {font-family: "DinPRO-Regular"; text-decoration:none; font-size:12px; margin-left:10px; color:#FFFFFF; padding-right:10px;}
#nav ul li a:hover {color:#69be28;}

#subnavcontain {width:100%; margin: 0px auto 0px auto;  height:auto; background-color:white; }
#subnavcontain2 {width:100%; margin: 0px auto 0px auto;  height:auto; background-color: #ffffff;}
#subnav {width:960px; margin: 0px auto 0px auto;}
#subnav ul{list-style-type: none; margin: 0px; clear:both; padding:12px 0 10px 0;text-align: center;}
#subnav ul li {display:inline-block;}
#subnav ul li a {font-family: "DinPRO-Regular"; text-decoration:none; font-size:14px; line-height:20px; margin-right:15px;  border-right: 1px #9d9d9d solid;padding-right:15px; color:#000000;}
#subnav ul li a:hover {color:#69be28;}

#newsletterbutton {padding:10px; background-color:#69be28; margin-top: 1px; color:#ffffff; width:95%;}
#applicationbutton {padding:10px; background-color:#69be28; margin-top: 10px; color:#ffffff; width:100%;}
#newsletterbutton a {font-family: "DinPRO-Regular"; color:#ffffff;}
#newsletterbuttonblue {padding:10px; background-color:#3b5998; margin-top: 1px; color:#ffffff; width:95%;}
#newsletterbuttonblue a {font-family: "DinPRO-Regular"; color:#ffffff;}
#donatebutton {padding:10px; background-color:#69be28; margin-top: 1px; width:110px;}
#donatebutton a {font-family: "DinPRO-Regular"; color:#ffffff;}

#donate {padding:10px; background-color:#69be28; float:right;margin-top: 1px;}
#donate a {font-family: "DinPRO-Regular"; color:#ffffff;}
#lg-links {margin-bottom:20px; line-height:25px;}
#lg-links a {font-family: "DinPRO-Regular"; text-decoration:none; font-size:15px; margin-left:20px; color:#69be28; padding-right:25px;}
#mobile-links {margin-bottom:20px; margin-top:10px;}
#mobile-links a {font-family: "DinPRO-Regular"; text-decoration:none; font-size:18px;background-color:#69be28; color:#ffffff; padding:10px; line-height:45px;}
.profiles {float:left; width:100%; margin: 0px auto 40px auto;}
#profiles-dark {width:100%; height:auto; background-color:#f9f2e8; margin: 0px auto 0px auto;}
.text-dark {padding:50px 0 50px 50px; width:45%;}
.text-dark-2col {width:100%; }
.results {margin: 0px auto 0px auto; padding:5px; background-color:#c75b12;}
.dots {margin: 0px auto 0px auto;background-color:#ffffff;}
.logo {width:100%;position:relative; height:auto; padding-top:30px;}
.welcome {height:110px;vertical-align:middle;position:relative;z-index:2;}
.headercontainer {height:300px;vertical-align:top;margin:0 auto;width:100%;}
.rewirecontainer {height:250px;vertical-align:top;margin:0 auto;width:80%;}
.smallheadercontainer {vertical-align:top;height: 250px; width:100%;}
.float-right {float:right; margin:20px; width:48%;}
.float-right-50 {float:right; margin:10px 0 10px 20px; width:48%;}
.float-right-30 {float:right; margin:10px 0 10px 20px; width: 30%;}
.float-right-20 {float:right; margin:10px 0 10px 20px;width: 20%}
.float-right-35 {float:right; margin:10px 0 10px 20px; width: 35%;}
.float-right-40-rewire {float:right; margin:10px 0 10px 20px; width:40%; margin-top:20px;}

.float-right-40 {float:right; margin:10px 0 10px 20px; width:40%;}
.float-left {float:left; margin:10px 20px 10px 0; width:40%;}
.float-left-30 {float:left; margin:10px 20px 10px 0; width:30%;}
.float-left-20 {float:left; margin:10px 20px 10px 0; width:20%;}
.float-left-50 {float:left; margin:10px 20px 10px 0; width:45%;}
.float-left-60 {float:left; margin:10px; width:60%;}
.float-left-100 {float:left; margin:10px 20px 10px 0; width:100%;}
.title {font-family: "DinPRO-Regular"; font-weight:800; text-transform:uppercase;font-size:9vw;color:#ffffff;text-shadow:0px 1px 1px #333333;text-align:center; margin-top:50px;}
.and {font-family: 'Radley', serif; font-size:9vw;}
.deck {font-family: "DinPRO-Regular"; font-style:italic; font-weight:800; font-size:3vw;color:#ffffff;text-shadow:0px 1px 1px #333333;text-align:center; margin-top:-20px;padding:0;}

.footercontainer {width:1250px; margin: 0px auto 0px auto; position:relative; height:auto;}
#footer {background-color:#c75b12; width:100%; margin: 0px auto 0px auto; padding:5px 0 5px 0;}
#secondaryfooter {background-color:#000000; width:100%; margin: 0px auto 0px auto; padding:5px 0 5px 0;}
p.footer {font-family:'DinPRO-Regular'; font-size:11px; color:#ffffff; text-align:center; padding:0; line-height:14px;}

.row {width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5rem;*zoom:1;}
.row:before ,.row:after {content:" ";display:table;}
.row:after {clear:both;}
.row.collapse>.column ,
.row.collapse>.columns {padding-left:0;padding-right:0;float:left;}
.row.collapse .row {margin-left:0;margin-right:0;}.row .row {width:auto;margin-left:-0.9375rem;margin-right:-0.9375rem;margin-top:0;margin-bottom:0;max-width:none;*zoom:1;}.row .row:before ,.row .row:after {content:" ";display:table;}
.row .row:after {clear:both;}.row .row.collapse {width:auto;margin:0;max-width:none;*zoom:1;}
.row .row.collapse:before ,.row .row.collapse:after {content:" ";display:table;}
.row .row.collapse:after {clear:both;}

.test {width:65px;height:30px;left:50%;z-index:-5;background:url(img/scroll-01.svg) no-repeat center bottom }

.img-wrap {position:relative;overflow:hidden;background-color:#cccccc;width:100%;height:100%;}
.img-wrap img {position:relative;z-index:1;}
.img-wrap 
.img-info {display:none;}
.img-wrap:hover 
.img-info {display:inline-block;position:absolute;z-index:12;left:0px;top:0px;height:100%;width:100%;padding:1.5rem;background:rgba(17, 17, 17, 0.9);}
.img-info a {color:#99281e;padding-bottom:5px;font-size:1rem;text-transform:uppercase;}
.img-info a:hover {color:#cc0000;}.tos h2 {font-family:'HelveticaNeueW01-77BdCn 692722';text-transform:uppercase;letter-spacing:3px;color:#cc0000;font-size:0.95rem;text-align:center;text-shadow:0px -1px 0px #000000;}


.top-bar {margin-bottom:0;}
#mobile-menu-container.show{display:none}
#mobile-menu-container.hide{display:none;}


@media screen and (max-width: 1500px){
.headercontainer {height: 300px;	}
.rewirecontainer {}
}

@media screen and (max-width:1275px){
.orangecontainer {width:100%;}
}


@media screen and (max-width: 1175px){
.bodycontainer {padding-bottom:20px;}
}

@media screen and (max-width: 1045px) and (orientation: landscape){
#mobile-menu-container{display:none;}
}


@media screen and (max-width: 980px){
img.rewire {width:80%;}
	#subnav {width:100%;}
.headercontainer {height: 270px;	}

	#container {width:100%;}
#innercontainer {width:100%; display:block;}
#innerblackcontainer {width:100%; display:block;}
	#innergraycontainer {width:100%; display:block;}
    	#innergraycontainerrewire {width:100%; display:block;}
.container {padding:0;}
p.opener {}
h5 {font-size:22px;padding-top:10px;}
.bodycontainer {width:100%;}
.logocontainer {width:100%;}
.orangecontainer {display:none;}
.text-area {width:95%; float:none; border:none; margin:0 10px 0 10px;}
    .text-area-nav {width:95%; float:none; border:none; margin:0 10px 0 10px;}

.profiles {width:100%; float:none; margin-left:0;}
h2 {margin:10px;}
h3 {margin:10px;}
.title {font-size:12vw;}
.deck {font-size:5vw; margin-top:2px;}
.grid li {width:100%;}
.highlights h3 {font-size:0.5rem;text-shadow:0px 1px 1px #444444;text-align:center;line-height:0.5rem;}
.highlights h1 {font-size:2rem;text-shadow:0px 1px 1px #444444;text-align:center;}
.img-info a {font-size:0.5rem;}.img-wrap:hover .img-info {padding-top:0.5rem;}
.tos h3 {font-size:0.8rem;}
.float-left-50 {float:none; margin:0px; width:100%;}
p {margin:10px;}
h4 {margin:10px;}
	div.calendar-list {width:60%;}
}

@media screen and (max-width: 875px){
    #subnavcontain2 {margin: 0px auto 0px auto;  }

}

@media screen and (max-width: 826px){
    #bgimg {display:none;}
    div.calendar-list {width:50%;}
	.rewirecontainer {}
           .smallheadercontainer {display: none;}
    .bodycontainer {padding-top: 100px;}
}

@media screen and (max-width: 800px){
 img.buttons {width: 50%;}
img.mobile-logo {width: 20%; }
    img.go{ width: 5%}
#nav ul{ padding-left: 10px;}
img.you-and-utd {width:60%; margin-top:70px;}
.float-right {float:none; margin:0px; width:100%;}
.float-right-50 {float:none; margin:0px; width:100%;}
.float-left {float:none; margin:0px; width:100%;}
.caption40 {width:90%;}
.caption70 {width:90%;}
.caption90 {width:90%;}
.text-dark {padding:0 0 50px 0; width:100%;}
div.colone {width:45%;}
div.coltwo {width:45%;}
div.colthree {width:45%; clear:both;}
div.colfour {width:45%;}
.float-right-30 {width: 100%; float: none; padding: 0;margin: 0px;}
            .float-right-20 {width: 95%; float: none; padding: 0;margin: 0px;}
    .float-left-20 {width: 100%; float: none; padding: 0;margin: 0px;}
.float-right-40 {width: 100%; float: none; padding: 0;margin: 0px;}
.float-right-40-rewire {width: 100%; float: none; padding: 0;margin: 0px;}
div.a {width:28%; }
div.b {width:28%; }
div.c {width:28%; }

	h2.rewire {padding-left:10px;}
    .navbar-mobile{
        display: contents;
    background-color: #ffffff;
   /*position: fixed;  Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    height: 100px;}
}
    
    @media screen and (max-width:730px){ 
           .bodycontainer {padding-top: 0px;}

        img.fixedwhite {width: 20%; float: left; padding: 5px 28px 5px 0;}
        img.fixed {display: none;}
        .navbar a {display: none;}
         .text-area-nav {display: none;}
        .topmenu{display:none;}
        .mobile-orangecontainer {display:block;height:auto;vertical-align:top;margin:0 auto;width:100%; background-color:#69be28; background-position:top left; background-size:100%;}
.mobile-orangecontainer-home {display:block;height:auto;vertical-align:top;margin:0 auto;width:100%; background-color:black; background-position:top left; background-size:100%;border-bottom: 1px solid black;}
img.hamburger {display:inline;width:10%; float:right; background-color:#272727; padding:9px;}
	#nav-mobile-home-container {background-color:#272727; width:100%; margin: 0px auto 0px auto; padding:10px 0 10px 0; display:block;}
	#mobile-menu-icon-home{display:block;  width: 25px; float: right; padding: 10px;}
        
	#mobile-logo{ background-image:url(/txbdc/images/txbdc-logo-small-blk.png);
    cursor: pointer;background-repeat:no-repeat; background-size: 150px; background-position:left; padding-top:60px; margin-left:20px;}
        
        #mobile-menu-container{display:none;position: relative; }
	#mobile-menu-container #mobile-toplinks{}
	#mobile-menu-container #mobile-toplinks a{display:block; font-family: 'DinPRO-Regular'; padding: 20px 0 20px 0;font-size: 15px; color:#ffffff; text-decoration:none; text-align:center; font-weight:normal; border-bottom: 1px solid #a5a5a5;}
	#mobile-menu-container #mobile-toplinks a:hover {background-color:#3f3f3f;}
	#mobile-menu-icon{display:block; height: 60px; width: 90px; position:absolute; right:0px; top:0; background-image:url(/txbdc/images/hamburger.png);background-repeat:no-repeat; background-size: 40px; background-position:center; }
        div.column-25 {width: 95%; float: none; border:none; padding:1%;}

        .newnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.newnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.newnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.newnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
    background-image: url("images/hamburger.png")
}

/* Add a grey background color on mouse-over */
.newnav a:hover {
  background-color: #ffffff;
  color: black;
}

/* Style the active link (or home/logo) */
.active {

  color: white;
}
        
        
        
        
        
}

@media screen and (max-width:680px){
    div.vimeo {display: none;}
    div.vimeomobile {display: contents;}
div.calendar-list {width:100%;}
img.rewire {width:100%;}	
	.logocontainer {display:none;}
img.graph {width:100%;}
#subnav ul {padding:20px 0 0 0;}
#subnav ul li a {font-size:14px; margin-right:15px; padding-right:15px;}
#subnavcontain{}
#innercontainer {display:none;}
#mobilecontainer {display:block;}
img.mobile-orange-you-and-utd {width:30%;}
#nav {display:none;}
img.txbdc {display:none;}
#headerleft {float:none; width:auto; padding:10px;}
#headerright {display:none;}
.headercontainer {height: 0px;}
img.headerleft {width:90%;}

#donate {display:none;}
p.opener {}
#mobile-menu-container.show{display:block}
#mobile-toplinks a{clear:both;}
img.go{ width: 2%}


}

@media screen and (max-width: 725px){
	.rewirecontainer {display: none;}
	.logocontainerrewire { margin: 0px auto 0px auto; }
}
	
@media screen and (max-width: 500px){
div.column-50-left-rewire {display:none;}
div.column-50-right-rewire {display:none;}

	div.calendar-list {width:100%;}
	.float-left-60, div.column-50-left, div.column-50-right, .column-35-left, .column-65-right, div.a, div.b, div.c, .float-left-30 {width: 100%; float: none; padding: 0;margin: 0px;}

#float-50 {float:none; width:100%; margin:0 10px 10px 0; height:auto;}

	#blackcontainer {padding:0px;}
h1 {text-align:center; padding-top:10px;}
}
@media screen and (max-width: 400px){
#mobile-menu-icon {height:50px;}
h6 {padding-left:10px; font-size:16px;}
}