/* Style for Body */
body {
  background-image: url('../images/grey_@2X.png');
  margin: 0px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh
}

.content {
  flex: 1 0 auto;
}

/* Header background */
header {
  display: flex;
  height: 75px;
  justify-content: center;
  background-color: white;
  border-bottom: solid;
  border-bottom-style: inset;
  margin-left: auto;
  margin-right: auto;
}

/* Text Logo Style */  
#logo {
  float:left;
  overflow: hidden;
  clear: both;
  display: block;
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: white;
  background-color: #4aaaa5;
  height: 37px;
  padding-right: 19px;
  padding-left: 19px;
  margin-right: 420px;
  padding-top: 19px;
  padding-bottom: 19px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Style the links inside the navigation bar */
#navlist {
  float: right;
  text-align: center;
  align-self: center;
  height: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
}   

/* Nav bar style */
li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  padding-top: 0px;
}  
    
a:link{
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #777777;
  font-size: 10pt;

}

h1 {
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: #4aaaa5;
}

p {
    color: #777777;
    font-family: Arial, Helvetica, sans-serif;
}
      
/* title border */
hr.new1 {
  border-top: 1px solid #cccccc;
}

/* Article style */
.article {
    background: white;
    width: 940px;
    height: auto;
    border: 1px;
    border-color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    padding: 20px;
    overflow: auto;
    margin-bottom: 10px;
}

/* footer style */
.footer {
    background-color: #666666;
    border-top: 8px solid #4aaaa5;
    position: sticky;
    left: 0;
    bottom: 0;
    height: 50px;
    width: 100%;
    overflow: hidden;
    text-align: center;
  }


  .grid-container {
  display: grid;
}

  .portfolio_label {
    height: 100px;
    width: 275px;
    color: #4aaaa5;
    font-family: Arial, Helvetica, sans-serif;
    font-display: center;
  }

  .subhead {
    font-weight: bold;
  }

 .list li {
    float: left;
    list-style-position: inside;
    list-style-type: disc;
    margin-right: 1em;
}

@media screen and (max-width: 600px) {
    .list li {
        float: none;
        list-style-position: outside;
        margin: 0;
    }


  .ident {
    width: 100%;
  }

  .message {
    width: 100%;
    height: 250px;
  }

 .btn {
  border: none;
  background-color: inherit;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
}

/* On mouse-over */
.btn:hover {background: #eee;}

.success {color: green;}
.info {color: dodgerblue;}
.warning {color: orange;}
.danger {color: red;}
.default {color: black;}
}