/* CSS Document */

@media (min-width: 768px) {

	h1, .h1, 
    .col-height-1 {
	    height: calc(690px * 0.25);
	}
	
	header, 
    .col-height-2 {
	    height: calc(690px * 0.5);
	}
	header.header-home, 
    .col-height-3 {
	    height: calc(690px * 0.75);
	}
	
	.col-height-4 {
	    height: calc(690px * 1);
	}
	
	header .col-grid {
	    max-width: calc(690px * 0.25);
	    height: calc(690px * 0.25);
	}
	
	.naviMain ul {
	    left: calc(690px * 0.25);
	    width: calc(690px * 0.75);
	    height: calc(690px * 0.5);
	}
	.naviMain li {
	    width: calc(690px * 0.25);
	    height: calc(690px * 0.25);
	}


}


@media (min-width: 992px) {

	h1, .h1, 
    .col-height-1 {
	    height: calc(930px * 0.25);
	}
	
	header, 
    .col-height-2 {
	    height: calc(930px * 0.5);
	}
	header.header-home, 
    .col-height-3 {
	    height: calc(930px * 0.75);
	}
	
	.col-height-4 {
	    height: calc(930px * 1);
	}
	
	header .col-grid {
	    max-width: calc(930px * 0.25);
	    height: calc(930px * 0.25);
	}
	
	.naviMain ul {
	    left: calc(930px * 0.25);
	    width: calc(930px * 0.75);
	    height: calc(930px * 0.5);
	}
	.naviMain li {
	    width: calc(930px * 0.25);
	    height: calc(930px * 0.25);
	}


}


@media (min-width: 1200px) {

	h1, .h1, 
    .col-height-1 {
	    height: calc(1110px * 0.25);
	}
	
	header, 
    .col-height-2 {
	    height: calc(1110px * 0.5);
	}
	header.header-home, 
    .col-height-3 {
	    height: calc(1110px * 0.75);
	}
	
	.col-height-4 {
	    height: calc(1110px * 1);
	}
	
	header .col-grid {
	    max-width: calc(1110px * 0.25);
	    height: calc(1110px * 0.25);
	}
	
	.naviMain ul {
	    left: calc(1110px * 0.25);
	    width: calc(1110px * 0.75);
	    height: calc(1110px * 0.5);
	}
	.naviMain li {
	    width: calc(1110px * 0.25);
	    height: calc(1110px * 0.25);
	}


}

