.header{
	float: left;
	width: 100%;
	height: 100px;
	background: var(--color-2);
	box-shadow: 0 0 20px rgb(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
    .header_left{
    	display: flex;
    	flex-direction: row;
    	align-items: center;
    	float: left;
    	height: 100%;
    	padding-right: 160px;
    	position: absolute;
    	left: 0;
    	top: 0;
    	z-index: 1;
    }
        .header_logo{
	    	display: flex;
	    	flex-direction: row;
	    	align-items: center;
        	float: left;
        	height: 100%;
        	padding: 20px;
        }
	        .header_logo-image{
	        	float: left;
	        	height: 100%;
	        	margin-right: 30px;
	        }
	        .header_logo-title{
	        	float: left;
	        	font-size: 32px;
	        	font-weight: 700;
	        }
	        	.header_logo-title span{
	        		font-size: 20px;
	        		font-weight: 400;
	        		text-transform: none;
	        	}
    .header_right{
    	display: flex;
    	flex: row;
    	align-items: center;
    	float: left;
    	height: 100%;
    	position: absolute;
    	right: 0;
    	top: 0;
    	z-index: 2;
    }
        .header_buttons{
        	display: flex;
        	flex-direction: row;
        	float: left;
        	height: 100%;
        }
            .header_button{
            	display: flex;
            	flex-direction: column;
            	align-items: center;
            	justify-content: center;
            	float: left;
            	height: 100%;
            	width: 160px;
            	padding: 20px;
            	background: var(--color-3);
            	color: var(--color-2);
            	transition: all .3s ease-in-out;
            }
            .header_button:hover{
            	background: var(--color-5);
            	color: var(--color-3);
            }
                .header_button-icon{
                	float: left;
                	font-size: 32px;
                }
                .header_button-label{
                	float: left;
                	margin-top: 5px;
                	font-size: 20px;
                	font-weight: 700;
                }

@media (max-width: 1024px) {

    .header_logo-title{
    	font-size: 28px;
    }
	.header_logo-title span{
		font-size: 18px;
	}

}

@media (max-width: 768px) {

	.header{
		height: 60px;
	}
	.header_left{
		padding-right: 60px;
	}
    .header_logo{
    	padding: 10px;
    }
    .header_logo-image{
    	margin-right: 15px;
    }
    .header_logo-title{
    	line-height: 20px;
    	font-size: 20px;
    }
	.header_logo-title span{
		display: inline-block;
		line-height: 14px;
		font-size: 14px
	}
	.header_button{
    	width: 60px;
    	padding: 0;
    }
    .header_button-icon{
    	font-size: 28px;
    }
    .header_button-label{
    	display: none
    }

}

@media (max-width: 480px) {

    .header_logo-title{
    	line-height: 16px;
    	font-size: 18px;
    }
	.header_logo-title span{
		line-height: 12px;
		font-size: 12px
	}

}