.centeredContent{
    width: 90% !important;
    height: 100%;
    font-family: "RobotoCondensed-Light";
    overflow: auto;
}
.centeredContent100{
    width: 100% !important;
    height: 100%;
    font-family: "RobotoCondensed-Light";
    overflow: auto;
}
.background1{
    width: 100%;
    /* height: 100%; */
    background-image: url('/images/background1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.background2{
    width: 100%;
    height: 100%;
    background-image: url('/images/background2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.btnBrown{
    display: block;
    position: relative;
    background-color: #7E3319;
    border-radius: 25px;
    width: 50%;
    text-align: center;
    margin: 3vw auto;
    font-size: 4vw;
}
.btnBrownTxt{
    display: inline-block;
    position: relative;
    color: white;
    margin: 3vw 0;
}
.btnWhite{
    display: block;
    position: relative;
    background-color: white;
    border-radius: 25px;
    width: 50%;
    text-align: center;
    margin: auto;
    font-size: 4vw;
}
.btnWhiteTxt{
    display: inline-block;
    position: relative;
    color: #7E3319;
    margin: 3vw 0;
}
.btnContainer{
    display: flex;
    margin-top: 60%;
}
.btnBrownSmall{
    display: inline-block;
    position: relative;
    background-color: #7E3319;
    border-radius: 25px;
    width: 30%;
    text-align: center;
    margin: auto;
    font-family: "RobotoCondensed-Bold";
    font-size: 4vw;
}
.btnBrownSmall:active{
    background-color: #D8D9DE;
}
.btnWhiteSmall{
    display: inline-block;
    position: relative;
    background-color: white;
    border-radius: 25px;
    width: 30%;
    text-align: center;
    margin: auto;
    font-family: "RobotoCondensed-Bold";
    font-size: 4vw;
}
.largeBtn{
    display: block;
    position: relative;
    background-color: #B31E28;
    width: 80%;
    text-align: center;
    margin: 8vw auto;
    font-size: 4vw;
}
.largeBtnTxt{
    display: inline-block;
    position: relative;
    color: white;
    margin: 4vw 0;
    text-transform: uppercase;
}
.cuarterContent{
    height: 24%;
    display: flex;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.centeredText{
    margin: auto;
    color: white;
    font-size: 6.5vw;
    letter-spacing: 1vw;
    font-family: "RobotoCondensed-Light";
}
.separatorBar{
    height: 2vw;
    width: 100%;
    background-color: white;
}
/*POP UP*/
.popUpActivityFixedContainer{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:none;
    z-index:1001;
}
.popUpActivityDivContainer{
    position:absolute;
    left:0px;
    width:100%;
    top:0px;
    height:100%;
}
.popUpActivityMessageDiv{
    position: relative;
    margin: 35% auto;
    width: 85%;
    min-height: 50%;
    background-color: #7D3419;
    border-radius: 5%;
    box-shadow: 0px 0px 23px 4px #7D3419;
    font-family: "RobotoCondensed-Light";
}
.popUpActivityImgContainer{
    display: flex;
    height: 50%;
}
.popUpActivityImg{
    position: relative;
    width: 100px;
    height: 115px;
    margin: auto;
}
.popUpFixedContainer{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:none;
    z-index:1501;
}
.popUpDivContainer{
    position: absolute;
    display: flex;
    left: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
}
.popUpMessageDiv{
    position: relative;
    display: flex;
    flex-direction: column;
    margin: auto;
    width: 85%;
    min-height: 50%;
    background-color: white;
    border-radius: 5%;
    box-shadow: 0px 0px 1px 2px white;
    font-family: "RobotoCondensed-Light";
}
.popUpLogoContainer{
    display: flex;
    height: 50%;
}
.popUpLogo{
    position: relative;
    width: 100px;
    height: 115px;
    margin: auto;
}
.popUpMessageTitleContainer{
    margin: 5vw 0;
    display: flex;

}
.popUpMessageTitleText{
    margin: auto;
    color: #7E3319;
    font-size: 5vw;
    text-transform: uppercase;
}
.popUpHorizontalBar{
    position: absolute;
    background-color: #7E3319;
    width: 90%;
    height: 0.7vw;
    top: 11vw;
    left: 5%;
}
.popUpMessageContainer{

}
.popUpMessage{
    position: relative;
    width: 90%;
    font-size: 4.5vw;
    text-align: center;
    margin: auto;
    color: #7e3319;
}
.popUpBtnContainer{
    display: flex;
    margin: 7vw 0;
}
.popUpBtn{
    background-color: #7E3319;
    border-radius: 25px;
    width: 38%;
    text-align: center;
    margin: auto;
    font-size: 4vw;
}
.popUpBtnTxt{
    color: white;
    margin: 2.5vw 0;
}