@font-face {
    font-family: 'Roboto _GEO Mt';
    src: url('https://qr.rustavelirestaurant.ge/fonts/regular/Roboto_GEOMt.eot');
    src: url('https://qr.rustavelirestaurant.ge/fonts/regular/Roboto_GEOMt.eot?#iefix') format('embedded-opentype'),
        url('https://qr.rustavelirestaurant.ge/fonts/regular/Roboto_GEOMt.woff2') format('woff2'),
        url('https://qr.rustavelirestaurant.ge/fonts/regular/Roboto_GEOMt.woff') format('woff'),
        url('https://qr.rustavelirestaurant.ge/fonts/regular/Roboto_GEOMt.ttf') format('truetype'),
        url('https://qr.rustavelirestaurant.ge/fonts/regular/Roboto_GEOMt.svg#Roboto_GEOMt') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto _GEO Mt Bold';
    src: url('https://qr.rustavelirestaurant.ge/fonts/bold/Roboto_GEOMtBold.eot');
    src: url('https://qr.rustavelirestaurant.ge/fonts/bold/Roboto_GEOMtBold.eot?#iefix') format('embedded-opentype'),
        url('https://qr.rustavelirestaurant.ge/fonts/bold/Roboto_GEOMtBold.woff2') format('woff2'),
        url('https://qr.rustavelirestaurant.ge/fonts/bold/Roboto_GEOMtBold.woff') format('woff'),
        url('https://qr.rustavelirestaurant.ge/fonts/bold/Roboto_GEOMtBold.ttf') format('truetype'),
        url('https://qr.rustavelirestaurant.ge/fonts/bold/Roboto_GEOMtBold.svg#Roboto_GEOMtBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.modal-title{
	font-size: 18px;
	text-transform: uppercase;
	font-family: 'Roboto _GEO Mt Bold';
}

.modal-body p{
	font-family: 'Roboto _GEO Mt';
	font-size: 16px;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
    display: flex;
    align-items: center;
    justify-content: center;
}


*{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	background-color: #000000;	
}

.center{
	margin: 0 auto;
	width: 90%;
}

header .center .logo{
	margin: 50px auto 0 auto;
	padding: 0;
	width: 195px;
	height: 110px;
	position: relative;
}

header .center .logo a{
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../img/logo.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

header .center nav{
	margin:50px auto 0 auto;
	padding: 0;
	width: 195px;
	visibility: hidden;
}

header .center nav ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

header .center nav ul li{
	margin:0;
	padding:0;
}

header .center nav ul li a{
	margin:0 auto;
	padding:0;
	width: 100%;
	height: 43px;
	line-height: 43px;
	display: block;
	text-decoration: none;
	background-color: #E3A72F;
	text-align: center;
	color: #000000;
	font-family: 'Roboto _GEO Mt Bold';
	font-size: 17px;
	border-radius: 36px;
}

main .center .list{
	margin: 50px auto 0 auto;
	width: 80%;
}

main .center .list ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

main .center .list ul li{
	margin: 0;
	padding: 0 0 40px 0;
	display: block;
	width: 50%;
	text-align: center;
	float: left;
}

main .center .list ul li a{
	margin: 0;
	padding: 60px 0 0 0;
	display: block;
	text-decoration: none;
	text-align: center;
	position: relative;
	width: 100%;
}

main .center .list ul li a span{
	color: #E3A72F;
	font-size: 16px;
	font-family: 'Roboto _GEO Mt';
	opacity: 0.4;
}

main .center .list ul li a::before{
	content: "";
	width: 56px;
	height: 56px;
	position: absolute;
	top: 0;
	left: calc(50% - 28px);
	background-image: url('../img/cicle.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
}

main .center .list ul li a::after{
	content: "";
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;	
}

main .center .list ul li a.web::after{
	width: 28px;
	height: 28px;
	top: 13px;
	left: calc(50% - 14px);
	background-image: url('../img/web.svg');
}

main .center .list ul li a.call::after{
	width: 24px;
	height: 24px;
	top: 16px;
	left: calc(50% - 12px);
	background-image: url('../img/phone.svg');
}

main .center .list ul li a.facebook::after{
	width: 14px;
	height: 27px;
	top: 14px;
	left: calc(50% - 7px);
	background-image: url('../img/fb.svg');
}

main .center .list ul li a.linkedin::after{
	width: 20px;
	height: 19px;
	top: 17px;
	left: calc(50% - 10px);
	background-image: url('../img/in.svg');
}

main .center .list ul li a.instagram::after{
	width: 23px;
	height: 23px;
	top: 17px;
	left: calc(50% - 11.5px);
	background-image: url('../img/instag.svg');
}

main .center .list ul li a.tripadviser::after{
	width: 30px;
	height: 18px;
	top: 19px;
	left: calc(50% - 15px);
	background-image: url('../img/trip.svg');
}

@media (min-height:700px) {
	header .center .logo{
		margin: 50px auto 0 auto;
	}

	header .center nav{
		margin:50px auto 0 auto;
	}

	main .center .list{
		margin:50px auto 0 auto;
	}
}

@media (min-height:800px) {
	header .center .logo{
		margin: 70px auto 0 auto;
	}

	header .center nav{
		margin:70px auto 0 auto;
	}

	main .center .list{
		margin:70px auto 0 auto;
	}
}

@media (min-height:840px) {
	header .center .logo{
		margin: 100px auto 0 auto;
	}

	header .center nav{
		margin:100px auto 0 auto;
	}

	main .center .list{
		margin:100px auto 0 auto;
	}
}