/* background wrappers */


.background-wrapper {
    background-image: url("images/bg.jpg");
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.adf-background-wrapper {
    background-image: url("images/adf-bg.jpg");
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

/* --------------------------------------------*/

/* logo */

.logo {
    margin: auto;
    max-height: 80%;
    max-width: 100%;
}


.brand-adf {
    padding: 5px;
    border: 1px solid #c0050e;
    box-shadow: 6px 6px #c0050e;
}


.brand-adf:hover {
    box-shadow: 4px 4px #555;
}


.brand-hbd {
    padding: 5px;
    border: 1px solid #026637;
    box-shadow: 6px 6px #026637;
}

.brand-hbd:hover {
    box-shadow: 4px 4px #026637;
}

.brand-hmm {
    padding: 5px;
    border: 1px solid #136db4;
    box-shadow: 6px 6px #136db4;
    -webkit-box-shadow: 6px 6px #136db4;
}

.brand-hmm:hover {
    box-shadow: 4px 4px #136db4;
    -webkit-box-shadow: 4px 4px #136db4;
}


.brand-sbh {
    padding: 5px;
    border: 1px solid #a72755;
    box-shadow: 6px 6px #a72755;
}

.brand-sbh:hover {
    box-shadow: 4px 4px #a72755;
}



/* --------------------------------------------*/


.container {
    border-top: 200px;
    border-bottom: 200px;
}


/* red div */

.red {
    margin-top: 50px; 
    padding: 50px;
    text-align: center;
    background-color: #c0050e;
    color: white;
    font-size: x-large;


}


.red p {
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1px;
    padding-top: 1px;
    margin: auto;
    text-align: center;
}



/* darker div */

.darker {
    margin-top: 100px;
    border-top: 200px;
    border-bottom: 200px;
    padding: 50px;
    text-align: center;
    background-color: #0f1213;
    color: white;
    font-size: x-large;


}


.darker p {
    padding: 15px;
    padding-bottom: 15px;
    margin: auto;
    text-align: center;
}


.darker1 {
    
    padding: 50px;
    text-align: center;
    background-color: #0f1213;
    color: white;
    font-size: x-large;


}


.darker1 p {
    padding: 15px;
    padding-bottom: 15px;
    margin: auto;
    text-align: center;
}


/* lighter div */

.lighter-left {

    margin-top: 100px;
    border-top: 200px;
    margin-left: 25px;
    margin-right: 25px;
    border-bottom: 200px;
    
    padding: 50px;
    text-align: center;
    background-color: white;
    color: #0f1213;
    font-size: large;

}


.lighter-left p {
    padding: 15px;
    padding-bottom: 15px;
    margin: auto;
    text-align: center;
}

.lighter-left img {
    height: 150px;
    width: 150px;
}


.lighter-right {

    margin-top: 100px;
    border-top: 200px;
    margin-left: 25px;
    margin-right: 25px;
    border-bottom: 200px;
    
    padding: 50px;
    text-align: center;
    background-color: white;
    color: #0f1213;
    font-size: large;

}


.lighter-right p {
    padding: 15px;
    padding-bottom: 15px;
    margin: auto;
    text-align: center;
}

.lighter-right img {
    height: 150px;
    width: 150px;
}


.lighter-little {

    margin-top: 100px;
    border-top: 200px;
    margin-left: 25px;
    margin-right: 25px;
    border-bottom: 200px;
    
    padding: 50px;
    text-align: center;
    background-color: white;
    color: #0f1213;
    font-size: large;

}


.lighter-little p {
    padding: 15px;
    padding-bottom: 15px;
    margin: auto;
    text-align: center;
}


/* --------------------------------------------*/


/* red in netmag logo and the intro box */

.mag {
    color:red;
}

.magg {
    color:red;
    font-size: 25px;
}


.arrow {
    text-decoration: none;
    color: white;
}

.arrow:hover {
    color: red;
}


/* footer */

.feet {
    text-align: center;
    padding-top: 100px;
    color: white;
    width: 100%;
}




/* --------------------------------------------*/
/* Brands */
/* --------------------------------------------*/


/* white paper pics */

.wp img {
    padding: 40px;
    float: right;
    max-width: 100%;
    max-height: auto;
}

.wp img:left {
    padding: 40px;
    float: left;
    max-width: 100%;
    max-height: auto;
}

.wp img:hover {
    
    border-radius: 30px;
    filter: grayscale(50%);


}

.wp p {
    
}

/* white paper headlines */

.headline {
    font-weight: bold;
    font-size: x-large;
}

.italic {
    font-style: italic;
}





/* --------------------------------------------*/
/* ADF */
/* --------------------------------------------*/

.adf {
    height: 200px;
    width: 200px;

}


.background-wrapper-adf {
    background-image: url("images/bg-adf.jpg");
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}



.red {
    margin-top: 50px; 
    padding: 50px;
    text-align: center;
    background-color: #c0050e;
    color: white;
    font-size: x-large;


}


.red p {
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1px;
    padding-top: 1px;
    margin: auto;
    text-align: center;
}



.white {
    margin: 4%; 
    margin-bottom: 30px;
    padding: 25px;
    text-align: center;
    background-color: white;
    
    color: #0f1213;
    font-size: large;
    box-shadow: 10px 10px;


}


.white p {
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1px;
    padding-top: 1px;
    margin: 15px;
    text-align: center;
    
}


.black {
    margin: 4%;
    margin-bottom: 30px;
    padding: 25px;
    text-align: center;
    background-color: #0f1213;
    color: white;
    font-size: large;
    box-shadow: 10px 10px;
}


.black p {
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1px;
    padding-top: 1px;
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    text-align: center;
    float: none;
}

.black img {
    padding-right: 25px;
    float: left;
    padding-bottom: 25px;
}
.grey img {
    float: left;
    padding-right: 25px;
    padding-bottom: 25px;
}



/* --------------------------------------------*/
/* HBD */
/* --------------------------------------------*/

.hbd {
    height: 175px;
    padding-left: 70px;
    padding-right: 70px;
    width: auto;
    background-color: white;
    box-shadow: 10px 10px;
    display: inline-block;
    
}


.green {
    margin-top: 50px; 
    padding: 50px;
    text-align: center;
    background-color: #026637;
    color: white;
    font-size: x-large;

}


.green p {
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1px;
    padding-top: 1px;
    margin: auto;
    text-align: center;
}


.background-wrapper-hbd {
    background-image: url("images/bg-hbd.jpg");
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}


.hbd-wp {
    padding: 40px;
    max-width: 100%;
    max-height: auto;
    float: left;
}



/* --------------------------------------------*/
/* HMM */
/* --------------------------------------------*/


.hmm {
    height: 200px;
    padding-left: 40px;
    padding-right: 40px;
    width: auto;
    background-color: white;
    max-width: 100%;
    display: inline-block;
    box-shadow: 10px 10px;
}

.blue {
    margin-top: 50px;
    padding: 50px;
    text-align: center;
    background-color: #136db4;
    color: white;
    font-size: x-large;

}


.blue p {
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1px;
    padding-top: 1px;
    margin: auto;
    text-align: center;
}


.background-wrapper-hmm {
    background-image: url("images/bg-hmm.jpg");
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}


.grey {
    margin: 4%; 
    margin-bottom: 30px;
    padding: 55px;
    text-align: center;
    background-color: #565656;
    color: white;
    font-size: large;
    box-shadow: 10px 10px;


}


.grey p {
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1px;
    padding-top: 1px;
    margin-top: 15pt;
    margin-right: 15pt;
    margin-left: 15pt;
    margin-bottom: 15pt;
    text-align: center;
    float: none;
}



/* --------------------------------------------*/
/* SBH */
/* --------------------------------------------*/


.purple {
    margin-top: 50px; 
    padding: 50px;
    text-align: center;
    background-color: #a72755;
    color: white;
    font-size: x-large;


}


.purple p {
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 1px;
    padding-top: 1px;
    margin: auto;
    text-align: center;
}

.background-wrapper-sbh {
    background-image: url("images/bg-sbh.jpg");
    padding-top: 100px;
    padding-bottom: 100px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}