rockysky.css

/*//Custom Bootstrap behavior on small screens*/
@media (max-width: 768px) {

  /*Center the menu button in collapsed navbar*/
  .navbar-header{
    text-align:center;
  }
  .navbar-toggle {
    float: none;
    border: none;
  }

  /*Added to get navbar to shrink now - need .navbar-toggle to include collapsed version.
  http://stackoverflow.com/questions/18599778/decreasing-height-of-bootstrap-3-0-navbar*/
  .navbar-toggle {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 30px;
  }
  .navbar-nav > li > a{
    padding-top: 5px !important;
    padding-bottom: 30px !important;
    height: 30px;
  }
  .navbar { min-height:20px !important;}

  /*Make text large on mobile device sized windows*/
  .navbar,.dropdown-menu {
    font-size: 18px;
  }

  span,p{
    font-size: 1.3em;
  }
} /*@media max-width:768px;*/

.navbar-nav{
  color:white;
}


@media (min-width: 992px) {
  #bs-example-navbar-collapse-1{
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media (min-width: 1200px) {
  #bs-example-navbar-collapse-1{
    margin-left: 15%;
    margin-right: 15%;
  }
}
@media (min-width: 1700px) {
  #bs-example-navbar-collapse-1{
    margin-left: 20%;
    margin-right: 20%;
  }
}

#contact-nav{
  background: yellow;
  color: black;
  font-weight: 800;
}

.fa-instagram{
  font-size: 2em;
}

/*Regular CSS for whole site*/
body,html{
  font-family: Montserrat;
  text-align: center;
  height: 100%;
}

p,h4,h5,span,a{
  font-family: 'Open Sans', sans-serif;
}

div.navbar-collapse>ul>li>a {
  color:white;
}
div.navbar-collapse>ul>li>a:hover {
  color:#337ab7;
}

.infoBar{
  position: absolute;
  bottom:0; left:0;
  float: left;
}

/*Content wrap arond everything in the body but the footer.*/
.wrap{
  min-height: 98.5%;
  padding-bottom: 20px;
}

.paragraph{
  text-indent: 15px;
  padding-left: 5%;
  padding-right: 5%;
}

a.galleryLink{
  color: white;
  width: 100%;
  white-space: normal;
  font-size: 1.5em;
}

h5.galleryHeaderLink{
  margin-left: 5%;
}

#headshot{
  width: 100%;
  max-width: 360px;
}
.aboutImg{
  width: 100%;
  /*max-width: 900px;*/
}

/*Add class row-grid to get top margins on rows*/
.row.row-grid [class*="col-"] {
  margin-top: 15px;
}

.text-red{
  color: red;
}

.callToAction{
  background-color: #272727;
  height:70px;
  text-align: center;
}

a.contactBtn{
  margin-top: 20px;
  background-color: yellow;
  color: black;
  text-indent: 0px;
}

#soloImg {
  width:100vw;
}