main {height: 100%}

@media(max-width: 991px) and (max-height: 925px){ /*короткий планшет*/
	#first {height: initial !important}
    #first .col:nth-child(1) {flex-basis: 330px !important}
}

@media screen (max-width: 991px) and (min-height: 926px){ /*длинный планшет*/
	#first .col:nth-child(2) {height: calc(100% - 360px) !important	}
	#first .col:nth-child(1) {flex-basis: 360px !important}
}

@media screen and (max-width: 480px) and (max-height: 716px){
	#first .col:nth-child(1) {flex-basis: 200px !important}
	h1 {	font-size: 24px	}
}

@media screen and (max-width: 480px) and (max-height: 660px){
	#first .col:nth-child(1) {flex-basis: 180px !important}
	h1 {font-size: 22px}
}