@font-face {
   font-family: myFirstFont;
   src: url(fonts/RobotoCondensed.ttf);
}

@font-face {
   font-family: myBodyFont;
   src: url(fonts/Roboto-Regular.ttf);
}

@media only screen and (max-width: 1700px) {
   body {
      margin: 0px;
      background: #ff0000;
      /* overflow-y: scroll; */
      /* filter: blur(0px); */
   }
}

@media only screen and (min-width:1400px) and (max-width: 1700px) {
   html {
      zoom: 1.00;
   }
}

@media only screen and (min-width:1900px) {
   html {
      zoom: 1.25;
   }
}

body {
   margin: 0px;
   background: url(./figs/venue/campus_aerial.jpg);
   background-position-x: left;
   background-position-y: center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   /* overflow-y: scroll; */
   /* filter: blur(0px); */
}

a {
   color: #03a9f4;
   text-decoration: none;
}

a:hover {
   color: #333;
   font-weight: bold;
   text-decoration: none;
}

hr {
   border-style: double;
   color: #555;
}

.maindiv {
   width: 1000px;
   margin: 0px auto;
   background-color: #fff;
   color: #fff;
}

.leftdiv {
   float: left;
   background-color: transparent;
   background-color: rgba(51, 102, 153, 0.75);
   padding-left: 0px;
   padding-right: 0px;
   width: 250px;
   /* opacity: 0.6; */
   z-index: 2;
   box-shadow: 0px 0px 7px 3px #474747;
}

.rightdiv {
   float: left;
   padding-left: 0px;
   padding-right: 0px;
   width: 750px;
   box-shadow: 3px 0px 6px 0px #474747
      /*margin-top: 276px;*/
      /* z-index: 1000; */
}

.titlediv {
   background-color: rgb(51, 102, 153);
   background-color: rgba(51, 102, 153, 0.40);
   color: #fff;
   font-family: myBodyFont, verdana, tahoma, arial, helvetica;
   width: 250px;
   height: 276px;
   margin-top: -276px;
   opacity: 1;
}

.menudiv {
   color: white;
   font-family: myBodyFont, verdana, tahoma, arial, helvetica;
   font-size: 14px;
   width: 250px;
   height: 521px;
   line-height: 21px;
   margin-top: 36px;
}


.headerdiv {
   background: url(figs/venue/cathedral.jpg);
   background-size: 1000px 276px;
   background-repeat: no-repeat;
   height: 276px;
   /* margin: 0px 0px 0px -250px; */
   /* z-index: -1; */
   box-shadow: 0px 0px 7px 3px #474747;
   width: 1000px;
}


.contentdiv {
   font-family: myBodyFont, verdana, tahoma, arial, helvetica;
   font-size: 14px;
   line-height: 1.3em;
   margin: 0px;
   padding: 30px;
   padding-top: 15px;
   color: #414549;
   background-color: #fff;
   height: 512px;
   /* opacity: 0.85; */
}

a.menulink {
   font-family: myFirstFont, verdana, tahoma, arial, helvetica;
   font-size: 16px;
   float: right;
   text-decoration: none;
   text-shadow: 1px 1px #3c3c3c;
   margin-right: 10px;
}

a.menulink:link {
   color: #fff;
}

a.menulink:visited {
   color: #fff;
}

a.menulink:hover {
   color: #fff;
   font-weight: bold;
}

a.menulink:active {
   color: #fff;
}


.menusection {
   font-family: myFirstFont, verdana, tahoma, arial, helvetica;
   font-size: 18px;
   color: #fff;
   float: right;
   text-decoration: none;
   margin-right: 20px;
}

div.hr {
   height: 1px;
   background: #fff;
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 5px;
   margin-bottom: 10px;
}

div.hr hr {
   display: none;
}


h1 {
   font-family: myFirstFont, verdana, tahoma, arial, helvetica;
   margin: auto;
   width: 90%;
   padding: 0px;
   font-size: 24px;
   font-weight: normal;
   text-align: center;
   text-shadow: 1px 1px #000;
   opacity: unset;
}


h2 {
   color: #000;
   font-family: myFirstFont, rdana, tahoma, arial, helvetica;
   /* margin-top: -50px; */
   width: 90%;
   font-weight: normal;
   padding: 0px;
   font-size: 24px;
   text-align: left;
   margin-bottom: 40px;
   /*text-shadow: 1px 1px #000;*/
}

h3 {
   color: #414549;
   font-family: myFirstFont, rdana, tahoma, arial, helvetica;
   width: 90%;
   font-weight: normal;
   padding: 0px;
   font-size: 16px;
   text-align: left;
   margin-bottom: 0px;
   margin-top: 30px;
}

p {
   color: #414549;
   font-family: myBodyFont, verdana, tahoma, arial, helvetica;
   font-size: 14px;
   line-height: 1.5em;
}

.contentdiv li {
   padding-top: 0.5em;
}



.program {
   width: 100%;
   border: 2px solid #ccc;
   border-collapse: collapse;

}

.program tr>td {
   text-align: center;
}

.program td {
   border: 1px solid #ccc;
   padding: 5px;
}

.program th {
   background-color: rgb(0, 102, 204);
   color: #FFFFFF;

}

.time {
   width: 110px;
}

.session {
   background-color: rgb(255, 255, 255);
}

.break {
   background-color: rgb(255, 250, 210);
}

.event {
   background-color: rgb(107, 142, 35);
   color: #fff;
}

.keynote {
   background-color: rgb(0, 150, 153);
   color: #ffff;
}

.panel {
   background-color: rgb(205, 92, 92);
   color: #ffff;
}

.track {
   background-color: rgb(230, 230, 250);
}

.student {
   background-color: rgb(0, 153, 51);
   color: #fff;
}

.project {
   background-color: rgb(239, 239, 239);
}

.free {
   background-color: rgb(224, 224, 224);
}

.active::before {
   content: "\1F449 \ ";
}

.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


.overview {
   float: left;
   width: 300px;
}

.twitterwrapper {
   float: right;
   width: 350px;
}

.overview-end {
   margin-top: auto;
   width: auto;
}

.twitter-timeline {
   width: 20px;
}

.main_overview {
   text-align: justify;
   text-justify: inter-word;
}

.btn {
   display: inline-block;
   padding: 6px 12px;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: normal;
   line-height: 1.42857143;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px;
}

.btn-primary {
   background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%);
   background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
   background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
   background: linear-gradient(to bottom, #337ab7, #265a88);

   background-repeat: repeat-x;
   border-color: #245580;
}

.btn-primary {
   text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-primary {
   color: #fff;
   background-color: #337ab7;
   border-color: #2e6da4;
}

.btn-lg {
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.3333333;
   border-radius: 6px;
}