#bodyHome{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -user-select: none;
}

.logoHome{
    position: relative;
    float: left;
    width: 100%;
    height: 50%;
    background-color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.logoHomeContainer {
    position: relative;
    height: 100%;
    overflow: hidden;
    width: 210px;
    margin: 0px auto;
}

.imageLogoHome {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: auto;
}

.gifHome{
    position: relative;
    display: block;
    margin: 0px auto;
    width: 100%;
}

.imageTextLogoHome {
    position: relative;
    text-align: center;
    height: auto;
    overflow: hidden;
    margin-top: -116px;
    margin-left: 10px;
}

.homeLogoText {
    height: auto;
    position: relative;
    float: left;
    width: 100%;
    font-size: 30pt;
}

.homeLogoTextName {
    height: auto;
    position: relative;
    float: left;
    width: 100%;
    font-size: 29pt;
}

.textHomeContainer {
    position: relative;
    float: left;
    width: 100%;
    height: 50%;
    text-align: center;
    background-color: #d8de59;
}
.textHomeContent{
    position: relative;
    display: inline-block;
    height: auto;
    width: 575px;
    top: 12%;
}

.textHomeWelcomeContainer {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    letter-spacing: 1px;
    font-size: 24pt;
    line-height: 43px;
}

.btnLogoHomeContainer {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
    text-align: center;
}

/*
.btnHomeVerVideo{
    background-image: url(../images/btnHomeVerVideo.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 205px;
    height: 50px;
    line-height: 43px;
    font-size: 13pt;
    margin-top: 20px;
}*/


.btnHomeComenzar {
    background-image: url(../images/btnHomeComenzar.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 337px;
    height: 108px;
    line-height: 88px;
    font-size: 20pt;
    margin-top: 25px;
}

.txtBtnLogoHome:hover{
    cursor: pointer;
}

@media screen and (orientation: portrait) {

    .logoHome {
    }

    .textHomeContainer {
    }

    .logoHomeContainer {
    }

    .imageLogoHome {
    }

    .gifHome {
    }

    .imageTextLogoHome {
    }

    .homeLogoText {
    }

    .homeLogoTextName {
    }

    .textHomeContent {
    width: 80%;
    margin-left: 10%;
    display: block;
    height: auto;
    overflow: hidden;
    }

    .textHomeWelcomeContainer {
    }

    .btnLogoHomeContainer {
    width: 80%;
    margin-left:  10%;
    position: relative;
    height: auto;
    overflow: hidden;
    }

    .textHomeWelcomeContainer {
    font-size: 18pt;
    line-height: 20pt;
    }

    .btnLogoHomeContainer {
    }

    .btnHomeComenzar {
    width: 200px;
    font-size: 18pt;
    height: 63px;
    position: relative;
    display: block;
    margin: 0px auto;
    line-height: 37pt;
    }
    #btnHomeStartNow{
        margin-top: 5px;
    }
}