/* Media Query for Larger Screens */
@media only screen and (max-width: 600px) {

    .logo{
    	width: 200px;
    }

    .left-col nav{
    	top: 80px;
    	left: 50%;
    	transform: translateX(-50%);
    }
	
	.right-col{
		display: none;
	}

	main.row{
		padding:0;
	}

	.main-column > div{
		padding-top: calc(var(--headerH) + 150px)
	}

	.main-column .default, 
	.main-column .last,
	.main-column .col-inner{
		padding-left: calc(var(--padding) * 2.5);
		padding-right: calc(var(--padding) * 2.5);
		padding-bottom: calc(var(--padding) * 10);
		max-width: 100%;
	}
	
	.note{
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.note figure{
		margin-bottom: 20px;
	}

	.note-text.row{
		margin:0;
	}

	.note-text > div{
		padding:0;
	}


}

@media only screen and (max-width: 1550px) {
	.main-column .default, 
	.main-column .last,
	.main-column .col-inner{
		padding-left: calc(var(--padding) * 5);
		padding-right: calc(var(--padding) * 5);
	}
}