body{
    background-color: #000000;
    font-family: "Montserrat";
    color: #FFFFFF;
    padding-bottom: 150px;
}
a,a:focus,a:hover{
    color:#ffffff;
    text-decoration: none;
}

/*header icons*/
.icons{
    margin-top:8px;
    float: right;
}
.icon{
    margin: 0px 2px;
}
.icons .icon a{
    color:#afafaf;
    font-size:16px;
}
.icons .icon a:hover{
    color:#fff;
    font-size:16px;
}
.menu-mobile{
    display: none;
}
.close-menu{
    display: none;
}
.open-menu{
    display: none;
    color: #FFFFFF;
    font-size: 20px;
}
.open-menu a{
    color: #FFFFFF;
}

.open-menu a:hover{
    color: #afafaf;
}
.nav-mobile{
    display: none;
}
/*Menu Nav*/
nav{
    text-align: center;
}
nav ul{
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0 0 45px 0;
}
nav ul li{
    float: left;
    padding: 5px;
}
nav ul li>a{
    color: #afafaf;
    font-weight:bold;
	font-size: 12px;
	letter-spacing: 0.2em;
}
nav ul li>a:hover{
    color: #ffffff;
    text-decoration: none;
}

/*CONTENT*/


h2{
    color: #afafaf;
    font-size: 20px;
    letter-spacing: 0.2em;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}

p{
    color: #afafaf;
    line-height: 30px;
    text-align: center;
}
.button-header p{
    color: #ffffff;}
div.container p{
	text-align: left;
    max-width: 800px;
    margin: 0 auto;
}
div.container img{
  max-width: 100%;
  height: auto !important;
}
hr{
    height: 1px;
    color: rgba(255,255,255,07);
    background-color: rgba(255,255,255,07);
    border: none;
}
footer{
    margin: 0;
    position: fixed;
    bottom: 0;
    background: #000;
    padding: 0 0 15px 0;
}

.btn-diversity{
    color: #FFFFFF;
    background: #000;
    border: 1px solid #FFFFFF;
    border-radius: 0.0em;
    padding: 10px 15px;
}
.btn-diversity:hover{
    color: #000;
    background: #afafaf;
    border: 1px solid #FFFFFF;
}

.input-text-diversity{
    padding: 9px 15px;
    color:#000;
    width: 100%;
}
.button-header{
    background-color: #EFA8A8;
    border-radius: 50%;
    color:#000;
    width: 210px;
    height: 210px;
    font-size: 20px;
    vertical-align: middle;
    text-align: center;
    padding: 20px;
    position: absolute;
    z-index: 3;
    right: -80px;
    top: -10px;
}
.dds-widget-container > div{margin:0 auto !important;}
 @media(max-width:1305px) {
	.button-header{
		font-size: 14px;
		width: 150px;
		height: 150px;
		right: -30px;
		top: 5px;
	}
	.button-header p{
		line-height: 20px;
	}
}   
@media(max-width:1201px) {
	.button-header{
		font-size: 13px;
		width: 120px;
		height: 120px;
		right: -20px;
		padding: 12px;
		top: 15px;
	}
	.button-header p{
		line-height: 16px;
	}
}
@media(max-width:767px) {
    .menu{
        display: none;
    }
	.button-header{
		font-size: 10px;
		width: 90px;
		height: 90px;
		right: -10px;
		top: -10px;
		padding: 8px;
	}
	.button-header p{
		line-height: 12px;
	}
    .open-menu{
        display: inline-block;
    }
    .close-menu{
        display: inline;
        width: 40px;
        height: 40px;
        float: right;
        position: relative;
        right: 0;
        top: 0;
        margin: 3px;
        font-size: 20px;
    }
    .menu-mobile{
        display: none;
        background-color: #000;
        text-align: left;
        position: relative;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        min-height: 100%;
        height: auto !important;
        position: fixed;
        padding-top: 10px;
    }
     .menu-mobile .close-menu{
       position: absolute;
       right: 0
       top:0;
     }
    .menu-mobile ul{
        list-style: none;
        display: inline-block;
    }
    .menu-mobile ul li{
        float: none;
        padding: 5px;
    }
    .menu-mobile ul li a{
        color: #afafaf;
    }
    .menu-mobile ul li a:hover{
        color: #fff);
        text-decoration: none;
    }
    .nav-mobile{
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
    }
}