@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,300italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,600);

@font-face {
    font-family: bboard;
    src: url(HomemadeApple.ttf);
}

@media (min-width: 550px){
    h1 {
        font-size: 3rem;
        margin-bottom: 0px;
    }
}

.row.logo{
    padding: 20px 15px 13px;
}

.row.mnu{
    margin-top: 15px;
    padding-left:10px;
}

.mnu.btn{
    margin-left:0.5%;
    min-width:16.11111%;
    background: transparent;
    color: black;
    border: 0px solid black;
}

.showcase{
    background-color: #eee;
    height: 266px;
}

.mnu.btn .label{
    bottom: 0;
}

.contact{
    position: relative; float:right; font-size: 18px; margin-top: -28px; margin-bottom: -28px;
}

.banner-div{
    width:100%;
    height: 334px;
}

.banner{
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.description{
    font-size: 17px;
    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 300;
}

.phrase{
    padding-top: 45px;
    padding-bottom: 45px;
    margin-bottom: 75px;
    background-color: #eee;
    margin-top: 30px;
    text-transform: capitalize;
}

footer{
    margin-top: 80px;
    padding-bottom: 25px;
    width: 100%;
    background-color: #eee;
    padding:30px;
}

li {
    margin-bottom: 0.26em;
}


.demo-gallery {
  width: 100%;
  height: auto;
  float: left;
}
.demo-gallery a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  display: block;
  float: left;
  margin: 0 12px 12px 0;
  width: 171px;
  line-height: 0;
}

a.demo-gallery__img--main {
  width: auto;
  height: auto;
}

.demo-gallery figure {
  display: none;
}
.demo-gallery__title {
  line-height: 14px;
  font-size: 14px;
  opacity: 0.8;
  margin-top: 5px;
  width: 100%;
  float: left;
}