#top_header {
  padding: 2px 10px 0px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.logo_header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.logo_header img {
  width: 3vw;
  height: inherit;
}

nav {
  position: relative;
  left: -1.5vw;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: block;
  height: inherit;
}

nav ul {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  height: 100%;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dash {
  height: 45%;
  border-right: grey 1px solid;
}

.dash:after {
  content: "";
  width: 1vw;
  height: 1px;
  background-color: grey;
  position: absolute;
}

nav ul li {
  text-align: center;
  font-size: 2vw;
  margin-left: 20px;
}

nav ul li a, nav ul li a:visited {
  text-decoration: none;
  color: burlywood;
}

nav ul li a:active {
  text-decoration: none;
  color: black;
}

nav ul li a:hover {
  color: black;
  text-decoration: underline;
}

.highlight-name {
  color: burlywood;
}

.block-container {
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  top: 25vh;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 15%;
}

.block-container h1 {
  display: inline-block;
  margin: 0;
  padding-top: 15px;
}

.block-container h2 {
  display: inline-block;
  margin: 0;
  padding: 0 3vw 15px 3vw;
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.grid-container {
  /*margin: 0 $side_margins;*/
  /*padding: $side_margins 0;*/
  padding: 0;
  height: 70%;
  display: -ms-grid;
  display: grid;
}

.about {
  background: white;
  height: 93.4%;
  -ms-grid-columns: [col2-start] 1fr [col3-start] 1fr;
      grid-template-columns: [col2-start] 1fr [col3-start] 1fr;
  -ms-grid-rows: [row1-start] 1fr [row2-start] 1fr [row3-start] 1fr;
      grid-template-rows: [row1-start] 1fr [row2-start] 1fr [row3-start] 1fr;
      grid-template-areas: "card-header card-header"
 "card1 card2"
 "card1 card2";
  grid-column-gap: 50px;
  grid-row-gap: 20px;
  grid-justify-items: center;
}

.home {
  background: black;
  height: 93.4%;
  -ms-grid-columns: [col1-start] 1.25fr [col2-start] 1fr [col3-start] 0.2fr [col4-start] 1fr [col5-start] 1.25fr;
      grid-template-columns: [col1-start] 1.25fr [col2-start] 1fr [col3-start] 0.2fr [col4-start] 1fr [col5-start] 1.25fr;
  grid-template-row: [row1-start] 3fr [row2-start] 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
      grid-template-areas: "left-sec left-sec mid-sec right-sec right-sec";
}

.section-header > h2 > a {
  color: white;
  text-decoration: none;
}

.section-header > h2 > a:hover {
  color: white;
  text-decoration: underline;
}

section {
  /*min-height: 400px;*/
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(211, 211, 211, 0.5)), to(rgba(211, 211, 211, 0.1)));
  background-image: linear-gradient(to left, rgba(211, 211, 211, 0.5), rgba(211, 211, 211, 0.1));
}

.section-header {
  /*background: lightgrey;*/
}

.section-header h2 {
  margin-top: 0;
  text-align: center;
}

.section-header p {
  margin: 0;
  text-align: center;
}

.section-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.left {
  /*,rgba(39, 39, 39, 0.8)*/
  background-image: -webkit-gradient(linear, left top, right top, from(#323232), to(rgba(211, 211, 211, 0)));
  background-image: linear-gradient(to right, #323232, rgba(211, 211, 211, 0));
}

.right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(204, 175, 120, 0.7)), to(rgba(211, 211, 211, 0)));
  background-image: linear-gradient(to left, rgba(204, 175, 120, 0.7), rgba(211, 211, 211, 0));
}

.mid-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*background-image: radial-gradient(circle,rgba(211,211,211,0) 0,rgba(211,211,211,.5) 100%);*/
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: none;
}

.mid-sec .spacer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.mid-sec .spacer-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mid-sec .spacer-p {
  margin-bottom: 50%;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.mid-sec .spacer-p p {
  text-align: center;
  font-size: 4em;
  margin: 0;
  position: relative;
}

.mid-sec .spacer-half {
  -webkit-box-flex: .5;
      -ms-flex: .5;
          flex: .5;
}

.mid-btn {
  position: relative;
  top: -10vh;
  width: 250%;
  overflow: visible;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  height: 25%;
  /* text-align: center;*/
  background-color: black;
  color: burlywood;
  font-size: 1.2em;
  border: 1px solid grey;
  /*bisque  border: black 1px solid;*/
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.mid-btn:hover {
  /*background-color: #313131;*/
  color: white;
  text-decoration: underline;
  cursor: pointer;
}

.gradient {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  width: 100%;
}

/*.g-bot{
    background-image: linear-gradient(to bottom,rgba(211,211,211,.3), rgba(211,211,211,0));
}
.g-top{
    background-image: linear-gradient(to top,rgba(211,211,211,.3), rgba(211,211,211,0));
}*/
main-section {
  grid-area: main;
}

left-section {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: left-sec;
}

mid-section {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: mid-sec;
}

right-section {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-area: right-sec;
}

.card-header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: card-header;
  background-image: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(black), to(white));
  background-image: linear-gradient(to bottom, black, black, white);
  text-align: center;
  font-size: large;
  /*margin-left: 10px;*/
}

.card-header-text {
  color: white;
  background: black;
  margin: 0;
  padding-top: 5%;
}

.card > p {
  color: white;
  padding: 10px;
  font-size: 1.2em;
}

.card1 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: card1;
  -ms-grid-column-align: right;
      justify-self: right;
  background: black;
}

.card2 {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: card2;
  -ms-grid-column-align: left;
      justify-self: left;
  background: black;
}

.card3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 200px;
}

.subcard-header {
  color: burlywood;
  text-align: center;
  margin: 0;
  padding: .83em 0;
  border-bottom: white 1px solid;
}

.card {
  min-height: 100px;
  width: 75%;
}

.BU {
  color: darkgreen;
}

.bottom-gradient {
  min-height: 75px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(grey), to(white));
  background-image: linear-gradient(to top, grey, white);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.computer-img {
  height: 80%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  background-image: url("../../img/computer.jpg");
  background-size: cover;
  /* position: bottom;*/
  background-position: 50% 70%;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(50%);
          filter: grayscale(50%);
  position: relative;
  /*height: $back-img;*/
}

.campus-img {
  /*image: url('../../img/towerlib.jpg');*/
  background-image: url("../../img/towerlib.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-filter: grayscale(75%);
          filter: grayscale(75%);
  position: relative;
  /* height: $back-img;*/
}

@media screen and (max-width: 600px) {
  .grid-container {
    display: inline-block;
  }
  .grid-container > .card, .grid-container > section {
    margin: 20px;
  }
}

footer {
  /* min-height: 55px;*/
}

.footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  position: fixed;
  margin: 0px 3vw;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: black 1px solid;
}

.flag {
  height: 50%;
  background: yellow;
}

.footer-info {
  width: auto;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

html, body {
  padding: 0;
  margin: 0;
  background-color: white;
  height: 100%;
}
/*# sourceMappingURL=main.css.map */