html, body {
    height: 100%;
    width: 100%;
}

body {
    background: #fff;
}

.z-p {
    padding: 0 !important;
}

a, a:hover, a:link {
    text-decoration: none;
}

a, a:hover, a:active {
    outline: none;
}

.underline {
    text-decoration: underline;
}

h1, h2 {
    font-weight: bold;
}

h2, h1 {
    color: #fff;
}

.line-banner {
    background-color: #008aff;
}

.line-banner h2 {
    color: #fff;
    font-size: 23px;
    margin: 0;
    padding: 50px 0 50px 0;
}

.img-1 {
    background: url('first-img.jpg') no-repeat;
    padding: 8%; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    border-top: 10px solid #fff; 
    border-right: 10px solid #fff; 
    border-left: 10px solid #fff;
    border-bottom: 5px solid #fff;   
}

.img-2 {
    background: url('second-img.jpg') no-repeat;
    padding: 8%; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    border-top: 5px solid #fff; 
    border-right: 10px solid #fff; 
    border-left: 10px solid #fff;
    border-bottom: 5px solid #fff;  
}

.img-3 {
    background: url('third-img.jpg') no-repeat;
    padding: 8%; 
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    border-top: 5px solid #fff; 
    border-right: 10px solid #fff; 
    border-left: 10px solid #fff;
    border-bottom: 10px solid #fff;
}

.img-info h2 {
    color: #008aff;
    padding: 25px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 236px;
    margin-right: auto;
    margin-left: auto;
}