@charset "UTF-8";

body{
    background-color: #528CE0;
    overflow-x: hidden;
}

.navarea {
	max-width: 768px;
	margin: 0em auto;
}

main svg {
    transition: all 0.25s ease;
    fill: #fff;
}
main svg:hover{
    fill:#FFD033;
}

.sort-btn li:nth-child(1).active{
	color: #FFD033;
    border-top: solid 2px #FFD033;	
}
.sort-btn li:nth-child(1):hover{
    color: #FFD033;
    border-top: solid 2px #FFD033;	
}

.sortarea ul li:nth-child(1) {
    color: #dcdcdc;
}

.sortarea ul li:nth-child(2) {
    color: #dcdcdc;
}

.sortarea ul li:nth-child(3) {
    color: #dcdcdc;
}

.sortarea ul li:nth-child(4) {
    color: #dcdcdc;
}

.sortarea ul li:nth-child(5) {
    color: #dcdcdc;
}

.sortarea ul li:nth-child(6) {
    color: #dcdcdc;
}

.itemtext{
    color: #fff;
}

.grid li a {
    text-decoration: none;
    color: #fff;
    transition: 0.5s all;
}

footer .copyright small {
	color: #fff;
}


@media screen and (min-width: 835px){

    .nav_btn .work a{
        color: #fff;
    }

    .nav_btn .about a{
        color: #fff;
    }

    .nav_btn .contact a{
        color: #fff;
    }

    .nav_btn a:hover{
        color: #FFD033;
    }
    
    .nav_btn .secret {
        color: #FFD033;
    }

}


@media screen and (max-width: 834px){

    .spmenubtn00 span{
		background: #555;
	}

    .gnav_menu_item:nth-child(1){
        padding-top: 50px;
    }

    .gnav_menu_item:nth-child(4){
        font-size: 1.6em;
        padding: 0px 40px 40px 40px;
        text-decoration: none;
    }

    .gnav_menu_item a{
		color: #fff;
		font-size: 1.6em;
		padding: 40px;
		text-decoration: none;
		transition: .5s;
	}
	.gnav_menu_item a:hover{
		color: #666;
	}
    
    .nav_btn .secret {
        color: #528CE0;
    }

}