body, html {
    height: 100%;
    margin: 0;
}

.homeImg {
    background-image: url("/images/IMG_1716.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.homeSouth {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% - 60px);

}



.bold {
    font-weight: bold;
}

.padL0 {
    padding-left: 0px;
}

.padB30 {
    padding-bottom: 30px;
}

.padB20 {
    padding-bottom: 20px;
}


.padB60 {
    padding-bottom: 60px;
}

.padX60, .tiles div .col-md {
    padding-left: 60px;
    padding-right: 60px;
}

.spa5 {
    letter-spacing: 5px;
}

.row.pad {
    padding-left: 15px;
    padding-right: 15px;
}

.cenDiv {
    width: 300px;
    margin: auto;
}

.sub2 {
    letter-spacing: 10px;
}

.homeDiv {
    background-color: rgba(0,0,0,0.5);
    border-radius: 5px;
    padding: 15px;
}

.homeImg div .regTitle {
    font-size: 1.1em;
}

@media (max-width: 350px) {
    .sche .subTitle {
        font-size: 1.2em;
        letter-spacing: 5px;
    }
}

@media (max-width: 400px){
    .subTitle {
        font-size: 1.2em;
        letter-spacing: 5px;
    }
    .cenDiv {
        width: 80%;
    }
    .btnLinks .sub2 {
        font-size: 1.2em;
        letter-spacing: 5px;
    }
}

@media (max-width: 490px) {
    .homeSouth {
        top: calc(100% - 120px);
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .tiles div .col-md {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 842px) {
    .homeImg div .regTitle {
        font-size: 1em;
    }
}
