/*------------------------------------*\
	СБРОС
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/*----------- MAIN ------------------------------------------------------*/
html{
	min-height:100%;
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Khula', sans-serif;*/
	/* background:linear-gradient(to bottom, #d7d7d7, #fff); */
	
	background-image: url("https://myguard.tech/img/map.jpg");
	background-position: center;
    background-size: cover;

}




.BlurBG {
    background: #0b103687;
    backdrop-filter: blur(1px);
    padding: 24px 32px 40px 32px;
}

.Page-wrapper {
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}


.logo {
	    padding: 0 0 40px 0;
}



/*----------- DESCTOP ---------------------------------------------------*/
@media screen and (min-width:769px) {

	.logo{
	    width: 300px;
}

.Page-Container {
        margin: 0 auto;
        width: var(--contentWidth);
        padding: 0 16px;
        box-sizing: border-box;
        color: var(--textLight);
    }

}



/*----------- MOBILE ----------------------------------------------------*/
@media screen and (max-width:768px) {



}


/*--------- MAIN ------------------------------*/
/*--------- HEADER ----------------------------*/
/*--------- NAVIGATION ------------------------*/
/*--------- CONTENT ---------------------------*/
/*--------- INTRO -----------------------------*/
/*--------- TILE ------------------------------*/
/*--------- TABLE -----------------------------*/
/*--------- FOOTER ----------------------------*/
/*--------- DESCRIPTION -----------------------*/