html,
body {
    height: 100%;
    font-family: 'Arial'', sans-serif;
    line-height: 1.8;
    color: #000;
    background-size: cover;
}


.main-container {
    padding: 100px 0;
}

.center {
    text-align: center;
}

a {
    -webkit-transition: all .3s;
    transition: all .3s
}

.box-logo i {
    -webkit-transition: all .3s;
    transition: all .3s
}

.uppercase {
    text-transform: uppercase;
}

.h-30 {
    height: 30px
}

.h-10 {
    height: 10px
}

a, a:hover, a:active, a:focus {text-decoration:none;}






/* start
==================================================*/

.top-bar-start {
    color: #333;
    padding-top:15%;
    height:100%;
    background-size: cover;
    background-position: center center;
    text-align:center;
}

.top-bar-start h1 {
    font-size: 40px;
    line-height:1em;
}
.top-bar-start h1 span {
    font-size: 24px;
    line-height:1.2em;
    color: #000000;
    text-transform: none;
}
.top-bar-start h3 {
    font-size: 28px;
    line-height:1em;
    margin-bottom:100px;
}