@media(max-width: 1201px) {
    .left-col {
        flex-basis: 60%;
    }
    
    .right-col {
        flex-basis: 40%;
    }	
}


@media(max-width: 910px) {
	header label {
		display: initial;
	}
	
	header .navbar {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		border-top: 1px solid rgba(0,0,0,1);
		display: none;
	}

	header .navbar  ul li{
		width: 100%;
	}
	
	header .navbar  ul li ul{
		position: relative;
		width: 100%;
		background: #ccc;
	}
	
	header .navbar  ul li ul li{
		background: #eee;
	}
	
	header .navbar  ul li ul li ul{
		width: 100%;
	}

	#menu-bar:checked~.navbar {
		display: initial;
	}
	
	.sicon{
		display: flex;
	}

	.sidemenu {
		display: flex;
	}

	header nav ul li a{
		padding: 10px 5px;
	}
}


@media(max-width: 651px) {
    .mainrow{
        display: block;
    }
}


@media(max-width: 325px) {
    header h1 {
        font-size: 6vw;
    }

    header small {
        font-size: 3vw;
    }
}