.branding{
  font-size:22px;
  }
.branding:hover {
    background-color: #FFF;
    color: #f44336;
    font-weight: 600;
}
.w3-button {
  border-bottom-color: orange;
  border-bottom: 5px solid;
}

.showcase{
  background:url('../img/pics/knowledge-book-library-glasses-159757.jpeg') no-repeat;
  background-position:center;
  width: 100%;
  height: 400px;
  padding:140px 100px;
  color:#fff;
}
.h1Arge {
    color: #f44336;
    font-size: 200%;
}
a {
    text-decoration: none;
}
a:hover {
    color: #f44336;
}
.showcase h1{
  font-size: 250%;
  font-weight:700;
  text-transform: uppercase;
}

.showcase hr{
  width:200px;
  margin:auto;
  border-width:5px;
  border-color:#f44336;
}

.showcase p{
  font-size:16px;
  padding-bottom:20px;
}

.section{
  padding:40px 0;
}

.section h2{
  padding:0;
  margin:0;
}

.section .fa{
  font-size:50px;
}

.section img{
  width:100%;
}

@media only screen and (max-width:730px){
  body{
    margin-top:190px;
  }
    .branding {
        font-size: 20px;
    }
  .showcase{
    height:300px;
    padding: 60px 0;
  }
    .showcase h1 {
        font-size: 200%;
    }
    .w3-container h1 {
        font-size: 120%
    }
    .w3-container h2 {
        font-size: 120%
    }
    .w3-container p {
    font-size: 110%
    }
}
@media only screen and (max-width:630px){
  body{
    margin-top:190px;
  }
    .branding {
        font-size: 18px;
    }
    
  .showcase{
    height:200px;
    padding: 60px 0;
  }
    .showcase h1 {
        font-size: 120%;
    }
     .w3-container h1 {
        font-size: 115%
    }
    .w3-container h2 {
        font-size: 110%
    }
    .w3-container p {
    font-size: 100%
    }
}