@import url ('https://fonts.googleapis.com/css2? family = Roboto: ital @ 0; 1 & display = swap');
@import url('https://fonts.googleapis.com/css2?family=Overlock+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

body{
    
    font-family: "Roboto";
    font-size: 16px;
    color: #555;
    margin: 0;
	/*position:relative;*/
    /*margin-top: 70px; */
    /*-webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch; это не работает*/
}
h1, h2, h3, h4, h5, h6{
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #FFFFFF;
}
header,main{
    display: block;
    /*min-height: 1000px;*/
}
li{
    list-style-type: none;
}
a{
    text-decoration: none;
}
.modal-box-html{
	display:none;
	position:absolute;
	width:90%;
	height: auto;
	top:20px;
	left:0;
	margin: 0px 5%;
	background-color:#fff;
	z-index: 60;
}
.overlay {
	z-index:10;
	position:fixed;
	background-color:#000;
	opacity:0.9;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
	width:100%; 
	height:100%;
	top:0; 
	left:0;
	cursor:pointer;
	display:none;
}