.branding{
    font-size: 17px;
}

/*Showcase*/
.showcase{
    background: url('/Create a Responsive Website With the W3 CSS Framework/img/showcase.jpg');
    background-position: center;
    height: 600px;
    padding: 140px 100px;
    color: #fff;
}

.showcase h1{
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}

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

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

.showcase a{
  text-decoration: none;
}

/*Section 1*/
.section{
  padding: 40px  0;
}

.section h2{
  padding: 0;
}

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

.section img{
    width: 100%;
}

.section button{
    background: #000;
    color: #fff;
}

textarea{
  resize: none;
}

/*for small devices*/
@media only screen and(max-width:600px){
   body{
     margin-top: 190px;
   }

   .showcase{
     height: 400px;
     padding: 60px 0;
   }
}