@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=cyrillic');
/*=======================================globle classes css start=============================*/

html,body {
	font-family: 'Roboto', sans-serif; font-size:16px;
}


p{
	margin:0;
	padding:0;
}

#section1{
	background-color:#fff;
        background: url(../img/fon2.jpg) no-repeat center center fixed;
        background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	width:100vw;
}


#section1 img{

	width: auto;
	height: 300px;
/*
width:100%;
height:auto;
*/
}



.logo{
	width:100%;
	text-align:center;
	padding-bottom:30px;
}

.logo_mob{
	width:100% !important;
	text-align:center;
	padding-bottom:50px !important;
}


.text1{
	font-family: 'Roboto', sans-serif;
	font-size:1.5em;
	color:#55FFCF;
	padding-bottom:30px;
}

.text2{
	font-family: "Roboto", sans-serif;
	text-align:center;
	font-size:2em;
	color:#00B7FF;
	padding-bottom:30px;
}

.text3{
	font-family: "Roboto", sans-serif;
	text-align:center;
	max-width:730px;
	font-size:1.5em;
	color:#646363;
	padding-bottom:30px;
}


.text4{
	font-family: "Roboto", sans-serif;
	width:100%;
	text-align:center;
	font-size:1.5em;
	color:#00B7FF;
}


/*=================================responsive css start======================================*/


@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 576px) {


html, body{
	font-size:12px;
}

#section1 {
    background:none !important;
    height: auto;
    padding-top: 50px;
}

/*
#section1{
  background:
    url(../img/fon_mob_top.jpg) top /100% auto,
    url(../img/fon_mob_bot.jpg) bottom /100% auto;
  background-repeat:no-repeat;

}
*/


#section1 img{

width:100%;
height:auto;

}




#section1 p{
	width:80% !important;
	padding-bottom:15px;
}

.text2{
font-size:1.5em;
}

.text3{
font-size:1.3em;
}


.text4{
	padding-bottom:0 !important;
}
/*
#section1 img{
	width: 50%;
	height: auto;
}
*/
.mob_br{
	display:block;
}

.mob_no{
	display:none;
}


}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 411px) {

}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 360px) {
}

@media screen and (max-width: 320px) {

}