.navbar-brand>img{
  height:100%;
}


html {
  position: relative;
  min-height: 100%;
}

body{
	margin-bottom:0;
  color:#000000;
}

.container{
  padding-right:0;
}

a.box {
    color:#ffffff;
    border:solid 1px #ffffff;
    font-family: 'Work Sans', Helvetica, sans-serif;
    text-transform:uppercase;
    text-decoration: none;
    font-weight:400;
    font-size:.8em;
    padding:4px 7px;
}

a.box:visited {
    color:#ffffff;
    border:solid 1px #ffffff;
    font-family: 'Work Sans', Helvetica, sans-serif;
    text-transform:uppercase;
    text-decoration: none;
    font-weight:400;
    font-size:.8em;
}

a.box:hover {
    color:#61acba;
    background-color:#ffffff;
    border:solid 1px #ffffff;
    font-family: 'Work Sans', Helvetica, sans-serif;
    text-transform:uppercase;
    text-decoration: none;
    font-weight:400;
    font-size:.8em;
}

a.box:active {
    color:#ffffff;
    border:solid 1px #ffffff;
    font-family: 'Work Sans', Helvetica, sans-serif;
    text-transform:uppercase;
    text-decoration: none;
    font-weight:400;
    font-size:.8em;
}

.btn-default{
	color:#000000;
	border:solid 1px #000000;
	font-family:'Work Sans', Helvetica, sans-serif;
	font-size:1.2em;
  font-weight: 400;
	text-transform:uppercase;
	padding:4px 7px;
  margin-bottom:10px;
}

.clear{
	clear:both;
}

.center{
	text-align:center;
}

.margin-auto{
  margin-left: auto;
  margin-right: auto;
}

.jumbotron{
	background-image: url("../img/img-Header-02sm.jpg");
  height:100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  margin-bottom:0;
}



.jumbotron p{
  font-size:15px;
}

p{
font-family:'Work Sans', Helvetica, sans-serif;
font-weight:400;
color:#ffffff;
}

h1{
font-family:'Work Sans', Helvetica, sans-serif;
font-weight:400;
font-size:1.9em;
color:#202020;
margin-top:10px;
margin-bottom:4px;
}

@media (min-width: 600px) {
  .nav{
    top: 580px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  img.logo-main{
    max-height:30%;
    max-width:30%;
    margin-bottom:30px;
    margin-top:50px;
  }

  p.bio{
    max-width:60%;
    margin-right:auto;
    margin-left:auto;
  }
}

@media (max-width: 600px) {
  .nav{
    top: 520px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

  img.logo-main{
    max-height:60%;
    max-width:60%;
    margin-bottom:20px;
    margin-top:20px;
  }

  p.bio{
    max-width:80%;
    margin-right:auto;
    margin-left:auto;
  }
}