html, body { height:100%;
             font-family: 'Poppins', sans-serif;}

body { margin:5px;
       background: #ffffff;}

a, a:link, a:visited, a:focus { color:#333;
                                text-decoration: none; }

h1 { font-size: 28px;
     font-weight: 700;
     margin-bottom: 40px;}

h3 { font-size: 20px;
     font-weight: bold;}

img { width:100%;
      height:auto;}

.first-image { width:100%;
               height: 100%;
               max-height: 100%;
               background:url('img/background.jpg');
               background-size: cover;
               background-position: center;}

.call-to-action { width:280px;
                  margin:auto;
                  padding-top:400px; }

.black-btn,.black-btn:hover, .black-btn:focus, .black-btn:active  { background:#ffffff;
                                                                    color:#252525;
                                                                    font-weight: bold;
                                                                    font-size: 17px;}

.bg-demo { background: #e1e5e8; }

.second-row { margin-top:30px; }

.credits { padding:20px 0;}

@media screen and (max-width:767px) {  .first-image { background:url('img/background-mobile.jpg');
                                                      background-size: cover;
                                                      background-position: center; }

                                        img { width:70%;
                                              margin-left:15%;
                                              height:auto;}

                                        .second-row { margin:0; }

                                        .col-sm-4 { margin-top:30px; }
       }