@media not (0 <= width <= 767px) 
{
    .showOnMobile {
        display: none;
    }
}

@media not (768px <= width <= 1023px) {
    .showOnTable {
        display: none;
    }
}

@media not (768px <= width) {
    .showOnTableOrLarger {
        display: none;
    }
}

@media not (1024px <= width)
{
    .showOnDesktop {
        display: none;
    }
}

/*
@media only screen and (min-width: 1024px) 
{
    .showOnMobile 
    {
        display: none;
    }
}*/

/*@media only screen and (max-width: 1024px) {
    .hideOnMobile {
        display: none;
    }
}
*/


/*.showOnMobile 
{
    display: none;
    color: red;
}
@media only screen and (max-device-width: 800px) {
    .showOnMobile {
        display: block;
        color: green;
    }

    div {
        color: yellow;
    }
}
*/

/*.hideOnMobile {
    display: block;
    color: blue;
}
@media only screen and (max-device-width: 800px)
{
    .hideOnMobile {
    display: none;
    color: purple;
}
}*/
    
/*################################################################################################################################################*/
/* Affiliate Program Info */
/*################################################################################################################################################*/
.affiliateProgramInfo h1,
.affiliateProgramInfo h2,
.affiliateProgramInfo h3,
.affiliateProgramInfo h4,
.affiliateProgramInfo h5,
.affiliateProgramInfo h6
{
    margin-top: 30px;
    margin-bottom: 30px;
}

.affiliateProgramInfo h1,
.affiliateProgramInfo h2
{
    margin-bottom: 40px;
} 

.affiliateProgramInfo .card
{
    height: 100%;
}

.callToAction
{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.intro .callToAction
{
    text-align: left;
} 

.howItWorks h3
{
    margin-top: 3rem; 
}

 
/* End of Affiliate Program Info */
/*################################################################################################################################################*/