html, body {
  width:100%;
  height:100%;
  font-size:16px;
  font-family: 'Roboto', sans-serif;
  text-align:center;
  overflow:hidden;
}

li {
  display:inline-block;
}

.container {
  max-width:100%;
  height:100%;
}

.row {
  margin-right:0px;
  margin-left:0px;
}

.main {
  margin-left:0px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
}

.floater {
  display:inline-block;
  margin:20px;
}

.links {
  height:100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display:inline-block;
}

.bigText {
  text-align:center;
  padding-top:56vh;
  font-size:3vw;
  color:#FFFFFF;
  line-height:2vw;
  font-weight:300;
  font-family: 'Roboto', sans-serif;
  letter-spacing:.05em;
}

.headline {
  margin-top:15%;
  margin-left:6%;
  text-align:left;
  font-size:3.7vw;
  color:#FFFFFF;
  line-height:4.4vw;
  font-weight:400;
  font-family: 'Roboto', sans-serif;
}



@media only screen and (max-width: 800px) {
  .headline {
    text-align:center;
    font-size:32pt;
    line-height:36pt
  }
}

.subtitle {
  font-size:1.5vw;
}

.navButton {
  padding-left:0px;
  padding-right:0px;
  margin-right:0;
}

.navLinks {
  padding-left:17px;
  margin-top:20px;
  margin-bottom:5px;
  align-items:center;
  justify-content:center;
  padding-right:3rem !important;
  color:#797979;
  line-height:26px;
  font-weight:bold;
  cursor: pointer;
}

.left {
  text-align:left;
}

.right {
  text-align:right;
}

#topRow {
  min-height:80px;
}

#topRow .navbar-expand-lg {
  padding-top: 3.5px;
  padding-bottom: 3.5px;
}

#logo {
  margin-top:5px;
  width:auto;
  height:28px;
  display:inline-block;
  margin-left:40px;
  background-repeat:no-repeat;
}

#nav-brand {
  height:70px;
}

#loginButton {
  background-color:#ed2c20;
  border:none;
  color:white;
  border-radius:6px;
  font-size:16px;
  padding: 8px 16px;
  line-height:16px;
  transition: all 0.25s;
}

#loginButton:hover {
  background-color:#cb1b2a;
}

#button-con {
  padding-top: 2px;
}

@media screen and (min-width:767px) {
  #button-con {
    padding-right:0px !important;
    margin-right: -40px;
  }
}

.mainPicture {
  width:100%;
  height:100%;
  background-image:url("smithrockdemo_background.png");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-right:0px;
}

.col-md-12 {
  padding-left:0px;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler {
  margin-top:25px;
}

.navbar {
  align-self:flex-start;
}

.navbar-brand {
  width:0px;
}

/*
@media screen and (max-width:768px) {
  .bigText {
    margin-left:10%;
    font-size:48px;
    line-height:42px;
    padding-top:100px;
  } 
}
*/

@media screen and (max-width:500px) {
  .bigText {
    font-size:3vh;
    line-height:2vh;
  }
  .subtitle {
    font-size:1.5vh;
  }
}

@media screen and (max-width:767px) {
  #logo {
    padding-top:12px;
  }
}

@media screen and (min-width:992px) {
  .navbar-expand-md .navbar-nav .nav-link { 
    padding-right:2rem;
  }

  .navArea {
    padding-right:75px;
  }

  .navlinks {
    align-items:center;
    padding-right:2rem !important;
  }
}

@media screen and (max-width:992px) {
  .navLinks {
    align-items:right;
    text-align:right;
    padding-right:0rem !important;
  }

  
}

@media screen and (max-width:1066px) {
  #logo {
    padding-top:12px;
  }
}