body{
    padding:0;
    margin:0;
    
    background-image:url('Background.png');
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    background-color:#dcdcdc;
}


.mainContainer{
    width:100%;
    /*height:100vh;*/
    display:flex;
    flex-direction:column;
    padding-bottom: 50px;
    
    
}

.logoContainer{
    margin: 20px auto;
    display: flex;
    justify-content: flex-start;
}

.logoContainer img{
    max-width: 500px;
}

.contentContainer{
    display:block;
    width:80%;
    background:#dcdcdc;
    min-height:100px;
    border-radius: 3px;
    box-shadow: #333 0px 0px 3px 0px;
    align-self: center;
    justify-content: center;
    align-items: flex-start;
    flex-direction:column;
    overflow:hidden;
}

.contentMainMessage{
    display:flex;
    font-size:1em;
    color:red;
    justify-content: center;
    width:100%;
    margin:20px 5px 5px;
}


.innerContentContainer{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    margin-top:20px;
    justify-content: space-around;
    
}

.contentGroup{
    display: flex;
    flex: 1;
    justify-content: center;
    flex-direction: column;
}

.contentGroupHeader{
    display:flex;
    font-size:2em;
    color:#333;
    font-weight:bold;
    justify-content: center;
    margin-bottom:10px;
}


.contentGroupBody{
    display: flex;
    justify-content: space-around;
    align-self: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.bodyContentLine{
    display: flex;
    flex: 1;
    justify-content: center;
    align-items:center;
    overflow: hidden;
    margin: 15px;
    padding: 5px;
}

.contentLineIcon{
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.contentLineIcon img{
    width:50%;
    margin-right: 15px;
}

.contentLineText{
    display: flex;
    flex: 4;
    flex-direction: column;
}

.contentLineText span{
    margin: 5px;
    display: flex;
    flex-direction: row;
}


.contentLineText span b{
    color: #333;
    margin-right: 10px;
}


.affiliateLogosContainer{
    display: flex;
    width: 100%;
    align-self: flex-end;
    justify-content: space-around;
    margin-top: 20px;
    flex-direction: row;
    flex-wrap: wrap;
}

.affiliateLogosContainer img{
    display: flex;
    align-self: center;
    margin: 2%;
    max-width: 300px;
}