body, html {
    height: 100%;
    font-family: sans-serif;
    margin:0px;
}

.jumbotron {
  background: #001A33; /* For browsers that do not support gradients */
  background: linear-gradient(to right, #001A33 ,#008ae6 ); /* Standard syntax */

  width:100%;
  margin-top:-250px;
  border-top: solid;
  border-bottom: solid;
  border-width: medium;
  border-color: white;
}

.linkicon{
  width: 20px;
  vertical-align: middle;
}
.linkdiv{
  width: 5%;
  display: inline-block;
}
.linktextdiv{
  width: 90%;
  display: inline-block;
}



.scrollarrow{
  width:50px;
  height:40px;
  margin-top:5px;
}

ul{
  list-style:none;
  margin-left:-40px;
}

ul a:link{
  color:white;
}

ul a:visited{
  color:lightgray;
}

.gradient {
  background: linear-gradient(to right, #001A33 ,#008ae6 );
  color:white;
  border-top: solid;
  border-bottom: solid;
  border-width: medium;
  border-color: white;
}
.content{
  position:absolute;
  top:100%;
  width:100%;
}

.name{
  color:lightgray;
  font: 100 60px/1.2 'Alfa Slab One', Helvetica, sans-serif;
  text-align: center;
  padding:0;
  margin-top:8px;
  margin-bottom:0px;
}


.title{
  color:white;
  font-size:20px;
  text-align: center;
  margin:0;
}

.contact{
      color:white;
      padding:0;
      margin-top:30px;
      vertical-align: bottom;
      text-align: center
}

.icon{

  float:left;
}
.sectionbody{

  margin-left:140px;
  padding-left:40px;
}

.panel-heading{


  font-family: 'Roboto Slab', Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.panel{
  margin-left:50px;
}
.mainnav{
    text-align: center;
    margin-top:0px;
}
.navbutton {
    text-decoration: none;

    background: linear-gradient(to bottom, #ff8000 ,#994d00 );
      border: none;
      width:100px;
      color: white;
      padding: 5px;
      margin:3px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      border-radius:5px;

}
.navbutton:hover {

    background: linear-gradient(to bottom, #ffa64d, #ff8000  );
}

.classyear{
  display:inline-block;
  text-decoration:none;
  color:black;
  border-style: none;
  margin-right:40px;
}

.selected{
    border-bottom: 5px;
    border-top:0;
    border-right:0;
    border-left:0;
    border-style:solid;
}

/* apply to any element with 'background-attachment: fixed'
   kicks in GPU acceleration */

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}

* {
  box-sizing:border-box;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
    box-sizing:border-box;
}

@media only screen and (min-width: 600px) {
.col-md-1{width:8.33%;}
.col-md-2{width:16.66%;}
.col-md-3{width:25%;}
.col-md-4{width:33.33%;}
.col-md-5{width:41.66%;}
.col-md-6{width:50%;}
.col-md-7{width:58.33%;}
.col-md-8{width:66.66%;}
.col-md-9{width:75%;}
.col-md-10{width:83.33%;}
.col-md-11{width:91.66%;}
.col-md-12{width:100%;}
.title{text-align:right;}
.name{
  color:lightgray;
  font: 100 60px/1.2 'Alfa Slab One', Helvetica, sans-serif;
  text-align: right;
  padding:0;
  margin-top:23px;
  margin-bottom:0px;
}
.title{
  color:white;
  font-size:20px;
  text-align: right;
  margin:0;
}
.contact{
      color:white;
      padding:0;
      margin-top:45px;
      vertical-align: bottom;
      text-align: left;
}
.contentrow{
  height:600px;
}
}

@media only screen and (min-width: 768px) {

.col-1{width:8.33%;}
.col-2{width:16.66%;}
.col-3{width:25%;}
.col-4{width:33.33%;}
.col-5{width:41.66%;}
.col-6{width:50%;}
.col-7{width:58.33%;}
.col-8{width:66.66%;}
.col-9{width:75%;}
.col-10{width:83.33%;}
.col-11{width:91.66%;}
.col-12{width:100%;}
.contentrow{
  height:600px;
}
}


[class*="col-"]{float:left;padding:15px;}

.row::after {
    content: "";
    clear: both;
    display: table;
}

.row{width:100%;}

.navbar{
  position: fixed;
  top:0;
  visibility: hidden;
  min-height: 50px;
  z-index: 1;
  width:100%;
  text-align: center;
}

h1,h3 {color:white;text-align:right;vertical-align: bottom}


.promote {
  border-width:medium;
  border-color: white;
  border-style:solid;
  margin-top:-95px;
}

.circlecrop {
  object-fit:cover;
  border-radius:50%;

  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 160px;
}



.parallax {
    /* The image used */
    background-image: url('davis-DKL_3025.jpg');

    /* Full height */
    min-height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top:-5px;
    left:-5px;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}

.parallax2 {
    /* The image used */
    background-image: url('davis-DKL_3025.jpg');

    /* Full height */
    min-height: 50px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    text-align: center;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}

.parallax3 {
    /* The image used */
    background-image: url('chip.jpg');

    /* Full height */
    min-height: 100px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    text-align: center;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}