@media (max-aspect-ratio: 4/5){
.CF {
  width: 100%;
  height: auto;
  padding: 0;
}
	.textdesc{
		display: none;
	}
.header {
  width: 100% !important;
  height: auto;
  padding: 0;
  margin: 0;
  background-color: #ffe500;
  position: fixed;
  top: 0;
  z-index: 10;
  opacity: 0.9;
  overflow: hidden;
}
.header1{
  width: 100% !important;
  height: auto;
  padding: 0;
  margin: 0;
}
.text0{
  height: 12vh;
  padding: 1vh 0 0 4vw;
}
.text0 h2{
  font-size: 5vw;
  text-align: left;
  font-style: oblique;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-aspect-ratio: 9/16){
 .text0 h2{
  font-size: 5vw;	
	}}
@media (min-aspect-ratio: 3/4){
 .text0 h2{
  font-size: 4vw;	
	}}
.colortext{
  color: green;
  font-weight: bolder;
}
.logobox{
  width: 30%;
  padding: 2%;
  vertical-align: middle;
  text-align: center;

}
.logo {
  height: 10vh;
  padding: 0;

}
.buttonbox{
  width: 70%;
  vertical-align: middle !important;
  text-align: center !important;
  padding: 0;
  margin: auto;
  justify-content: center;
  align-items: center;

}
.button{
  position: relative;
  display: inline-block;
  width: 60vw;
  height: 8vh;
  color: #fff;
  font-size: 100%;
  padding: 2.5vh;
  text-transform: uppercase;
  text-decoration: none;
  font-family: sans-serif;
  background-color: red;
  background-size: 400%;
  border-radius: 30px;
  transition: all 1.2s;
  animation: shadow 1.2s infinite linear;
}
@media (min-width: 320px){
  .button {font-size: 85%;
  }
}
@media (min-width: 360px){
  .button{font-size: 100%;}
}
@media (min-width: 400px){
  .button{font-size: 110%;}
}
@keyframes shadow {
  0% {
    box-shadow: 0 0 7px 0px red, 0 0 7px 0px red;
  }
  100% {
    box-shadow: 0 0 6px 4px rgba(255, 0, 0, 0), 0 0 2px 15px rgba(255, 0, 0, 0);
  }
}

.background{
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
}
.background1{
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: -1;
  opacity: 0.5;
}
.text1{
  height: auto;
  padding: 26vh 0 0 0;
  margin: 0;
}
.text1 h1{
  padding: 0 0 0 2vh;
  font-family: fantasy;
  font-size: 6vh;
  text-transform: uppercase;
}
.borderline{
  height: auto;
  margin: 4vh 0 4vh 0;
  padding: 0;
  background-color: #ffe500;
  opacity: 0.9;
}
.verticalline{
  height: auto;
  padding: 0;
  width: 3vw;
  margin: 0 3vw 0 3vw;
  background-image: url("http://avarkomms.ru/wp-content/uploads/2021/03/Podlozhka1.svg")
}
.text2{
  margin:0;
  padding: 0;
  justify-content: center;
  align-items: center;
  vertical-align: middle !important;
  text-align: center !important;
}
.text2 h6{
  font-family: sans-serif;
  font-size: 4vh;
  margin: 0;
}
.text2 h5{
  font-family: sans-serif;
  font-size: 2vh;
}
.boxtitul{
  padding: 0;
  margin-top: 2vh;
  height: auto;
}
.sphere1{
  width: 3em;
  padding: 0;
  border-radius: 50%;
  position: relative;
}
.imgsphere1{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 7vh;
}
.box{
  padding: 0;
  background-color: rgba(255, 255, 255, .6);
}
.textbox1 h3{
  margin: 1vh 0 0 3vw;
  height: 7vh;
  font-size: 14pt;
  line-height: 1;
}
.borderlineservice h6{
  margin-top: 1vh;
  text-align: center;
  font-size: 14pt;
  text-transform: uppercase;
}
.service{
  padding: 0;
  margin: 0;
}
.servicemainbox{
  padding: 0;
  margin-top: 3vh;
  margin-left: 4vw;
  height: 10vh;
}
.servicebox1{
  position: relative;
  margin-left: 2vw;
  padding: 0;
  height: 11vh;
  box-shadow: 2px 2px 7px 0px black;
  background-color: white;
  opacity: 0.9;
  overflow: hidden;
}
.servicebox2{
  margin-left: 10px;
  padding: 2px;
  height: 11vh;
  background-color: white;
  box-shadow: 2px 2px 7px 0px black;
  opacity: 0.9;
}
.imgserv{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 13vh;
}
.text3 h2{
  padding-top: 3px;
  text-align: center;
  margin: 0;
  font-size: 10pt;
  font-weight: bold;
}
.text3 h3{
  margin: 0;
  padding: 3px 0 0 10px;
  font-size: 1.4vh;
  font-style: oblique;
}
.footer{
  margin-top: 5vh;
  padding: 0;
  height: auto;
  background-color: #ffe500;
}
.text4 h5{
  padding-top: 1vh;
  text-align: center;
  font-size: 12pt;
  text-transform: uppercase;
}
.socialbox{
  padding: 0;
  margin: 0;
}
.social{
  position: relative;
  padding: 0;
}
.insticon{
  position: absolute;
  margin-left: 2vw;
  height: 3vh;
}
.text6 h3{
  padding: 0;
  margin: 6px 0 0 10vw;

  font-size: 8pt;
  text-transform: uppercase;
}
.text5 {
  padding: 0;
  margin: 0;
}
.text5 h3{
  padding: 0 10px 0 0;
  font-size: 12pt;
  text-align: right;
}
}
@media (min-aspect-ratio: 4/5){
	.CF {
		display: none;
	}
	.header1{
		display: none;
	}
	.text0{
		display: none;
	}
	.header{
		background-color: white;
		height: 100%;
		width: 100%;
		position: absolute;
		z-index: 1000;
	}
	.textdesc{
		font-size: 16pt;
		text-align: center;
		text-transform: oblique;
	}
}