@media (max-width: 960px) {
	* {
		box-sizing: border-box;
	}
	.mobile-hidden {
		display: none;
	}
	.container {
		gap: 50px;
		max-width: 100%;
		box-sizing: border-box;
		margin: 20px auto;
		width: auto;
	}
	img {
		width: 60%;
	}
	.header {
		grid-template-areas: "sitename callback";
		grid-template-columns: auto auto;
	}
	.name {
		font-size: 18px;
	}
	.desc {
		font-size: 15px;
	}
	.callback {
		padding: 5px 10px;
	    font-size: 16px;
	}
	.text div,
	.six h2, .six .desc {
		width: auto;
	}
	h1 {
		font-size: 48px;
    	line-height: 48px;
	}
	h2 {
		font-size: 32px;
		line-height: 32px;
	}
	h3, .h3 {
		font-size: 25px;
		line-height: 25px;
	}

	.first {
		grid-template-columns: 1fr;
		grid-template-areas:"h2""text""desc";
	}
	.first h2 {
		width: auto;
	}
	.first .text,
	.second .text,
	.fourth .text,
	.five .text,
	.six .items {
	    grid-template-columns: 1fr;
	    grid-template-rows: 1fr;
	    grid-template-areas:
	        "."
	        ".";
	    gap: 20px;
	}
	.six .items .item {
		margin-top: 0 !important;
	}
	.title .grid {
		grid-template-columns: 1fr;
	    grid-template-rows: auto;
	    margin-top: -15px;
	}
	.title .grid div {
		position: relative;
		top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
		width: 100%;
	}
	.title .grid div:first-child {
		justify-self: auto;
	}
	.second {
	    grid-template-columns: 1fr;
	    grid-template-areas:
	        "h3"
	        "text";
	    gap: 10px;
	}
	.third {
	    display: grid;
	    grid-template-rows: 1fr;
	    grid-template-columns: 1fr;
	}
	.fourth .text {
		gap: 0;
	}
	.five {
		grid-template-columns: 1fr;
	    grid-template-rows: 1fr;
	    grid-template-areas:
	        "h3"
	        "text";
	}
	.five h3 {
		text-align: left;
	}
	.six {
	    grid-template-columns: 1fr;
	    grid-template-rows: auto;
	    grid-template-areas:
	        "h2 "
	        "desc "
	        "items";
	}
	.tariffs {
		grid-template-columns: 1fr; 
		grid-template-rows: 1fr; 
		grid-template-areas: "h2""content";
	}
	.tariffs .content {
		grid-template-columns: 1fr; 
		grid-template-rows: 1fr; 
		gap: 20px;
	}
	.seven {
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-template-rows: auto;
	    grid-auto-flow: row;
	    gap: 20px;
	    grid-template-areas:
	        "h2"
	        "oblako"
	        "server"
	        "h3";
	}
	.eight {
	    grid-template-columns: 1fr;
	    grid-template-rows: 1fr;
	}
	.title:not(:first-child) {
		position: relative;
	}
	.title.llm .grid div {
		justify-self: end;
		width: max-content;
		bottom: 30px !important;
	}
	.tariffs .content .item {
		padding: 25px;
	}
	.seven h3 {
		font-size: 20px;
	}
	.seven > h3:last-child {
		font-size: 20px;
		line-height: 20px;
	}
	footer {
		font-size: 9px;
	}
	ul li span {
		font-size: 17px;
	}
	form {
		padding: 25px;
	}
	.tariffs {
		gap: 20px;
	}
	.logos {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-template-rows: auto;
	  grid-auto-flow: row;
	  gap: 30px;
	  align-items: center;
	  margin-top: 15px;
	  justify-items: center;
	}
	.title.llm .grid div {
	  justify-self: auto;
	}
}
@media (max-width: 1280px) {
	.menu {
		grid-template-rows: 30px 30px;
		gap: 10px 30px;
	}
}