*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 15px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 15px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

#dl-menu{
	display: none;
}
/*
@media (max-width:1257px){
.cl-effect-1 a::before {
	margin-right: 10px;
}
.cl-effect-1 a::after {
	margin-left: 10px;
}
}
@media (max-width:1053px){
.cl-effect-1 a::before {
	margin-right: 10px;
}
.cl-effect-1 a::after {
	margin-left: 10px;
}
}
@media (max-width:933px){
.cl-effect-1 a::before {
	display:none;
	}
.cl-effect-1 a::after {
	display:none;
}
nav a {
	margin-right: 20px;
}
}
@media (max-width:872px){
nav a {
	display: none;
}

#dl-menu{
	display: block;
}
}
*/