/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
}
body {
  color: #000;
  text-align: center;
    font-family:"PT Serif", "PT Serif Caption", "PT Sans Narrow Bold", "Helvetica Neue";
}

li{
    list-style: none;
}

#dropdown-procurement{
    left: 133px;
}
.dropdown-item{
    font-family: 'Open Sans', sans-serif;
}
.dropdown{
    position: absolute;
    right: 75px;
    top: 0px;
}
.jumbotron{
    width:100%;
    min-height: 350px;
    background-color: #eef0f0;
}

.login{
    background-color:#e3563b;
}
/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
          box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
  background-repeat: no-repeat;
  background-size: cover;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}
.main{
    width:100% !important;
}
.container{
    margin-right:0px;
}
/* Padding for spacing */
.inner {
  padding: .85rem;
}
.lead{
    font-size:24px !important;
    font-weight: 300;
    margin-left: 100px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
}

/*
 * Header
*/

.masthead {
}

.masthead-brand {
  margin-bottom: 0;
  width:50%;
  height:36px;
  background-size:contain;
    cursor: pointer;
  margin-left: 2.2% !important;
}

.nav-masthead .nav-link {
  font-weight: bold;
  color: rgba(255,255,255,.5);
  border-bottom: .25rem solid transparent;
}

.nav-link{
    padding: .85em 1.5em !important;
    font-weight: bold;
    font-size: 12pt;
    color: #859391;
    border-left: 1px solid black;
    font-family: 'Open Sans', sans-serif;
}
.nav-item:last-child .nav-link{
    border: 0px;
    color: white;
    font-weight:normal;
    text-transform: uppercase;
}
.nav-item:first-child .nav-link{
    border:0px;
}

.image{
    width:75%;
    height:500px;
    position: absolute;
    top:0px;
    right:0px;
    background-size: cover !important;

}

.title{
    background-color: #221f26;
    color: white;
    margin-left: 3%;
    width: 50%;
    height: 100px;
    margin-top: 0px;
    position:absolute;
    top:0px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;

}
.verticalspacer{
    height: 300px;
}
.content{
    position:absolute;
    top: 145px;
    width:100%;
    margin-bottom:0px;
    background-color: #eef0f0;

}
.orange{
    background-color: #2b4359;
    width:100%;
    font-size:20pt;
    padding:5%;
    color:white;
    text-align: left;
}
.cream{
    background-color: #2b4359;
    width:100%;
    font-size:24px;
    padding:5%;
    color:white;
}
.red{
    padding: 0px 100px;
    background-color: #e3563b;
    width:90%;
    margin:60px;
    font-size: 16pt;
    height:150px;
    padding-top:25px;
    margin-top:80px !important;
    font-family: 'Open Sans', sans-serif;

}
.btn-red{
    background-color: #e3563b;
    width:100%;
    border-radius:0px;
}
.red a {
    color: #2b4359;
}

.blueheader{
    background-color: #596c6a;
    width:30%;
    height:40px;
    font-size:16pt;
    text-transform: uppercase;
    color:white;
    padding:5px;
    padding-left: 15px;
    text-align: left;
    margin-left: 25%;

}
.blue{
    background-color: #cee5ea;
    width:100%;
    font-size:16pt;
    padding:5%;
}
.bluecontent{
    background-color: white;
    width:90%;
    padding:30px 5%;
    font-size:16pt;
}
.bluecontent ul{
    padding-left:0px;
    margin-bottom: 0px;
}
.bluecontent ul li{
    border-bottom: 1px solid;
    padding:35px 3%;
    text-align: left;
}
.bluecontent ul li:first-child{
    padding-top:0px;
}
.bluecontent ul li:last-child{
    border-bottom: 0px;
    padding-bottom: 0px;
}
.contact{
    width:100%;
    margin-bottom: 80px;

}
#contactus{
    width:100%;
    margin-bottom: 50px;
}
.contact input{
    width:350px;
    float:right;
    margin-top:10px;
}

.contain{
    padding-top:120px;
    width:20%;
    min-height:600px;
}


.title h1{
    padding-top: 24px;
    text-align: left;
    padding-left: 45px;
    font-family:"PT Serif", "PT Serif Caption", "PT Sans Narrow Bold", "Helvetica Neue";

}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255,255,255,.25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}
.subtron{
    background-color: #f6a964;
    width:100%;
    font-family: "times new roman";
    padding:100px;
    color:white;
}
.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}


/*
 * Cover
 */

.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: bold;
}

.subtext{
    background-color: #e3563b;
    margin: 0px 100px auto;
    width: 90%;
    padding:0px 400px;
    color:white;
    position: relative;
    top: -60px;
}
/*
 * Footer
 */

.mastfoot {
  color: rgba(0,0,0,.5);
}
.white{
    height:100px;
}
.footer{
    background-color: #221f26;
    position:relative;
    bottom: 0px;
    width:100%;
    padding-top: 40px;
    color:white;
    text-align: left;
    height:200px;
    font-family: 'Open Sans', sans-serif;
}
.left{
    padding-left: 100px;
    display: inline-block;
    float: left;
    width:25%;
}
.center{
    padding-left:200px;
    float: left;
}
/*
 * Affix and center
 */

@media (min-width: 40em) {
  /* Pull out the header and footer */
  .masthead {
    position: absolute;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
	margin-top: 50px;
  }
}

@media (min-width: 62em) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%;
  }
}