.main-bg {
    background-image: url("../img/bg-main.png");
}

.logo {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
}

h1, h2 {
    color: #fff;
    /*font-family: "Times New Roman", serif;*/
    font-family: "Bodoni MT W01 Book", serif;
    margin-top: 30px;
	letter-spacing: 10px;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 22px;
}

a.enter-link:link,
a.enter-link:active,
a.enter-link:visited {
    color: #fff;
    text-decoration: none;
}
a.enter-link:hover {
    color: #fff;
    text-decoration: underline;
}

.typodesk { 
	visibility: visible;
	height: auto;
}

.typomob { 
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

.spacer {
	
	height: 0px;
}

.sign {
	padding-bottom: 150px !important;
	width: 75px !important;
}

.sf {
	padding-bottom: 50px !important;
	width: auto !important;
}



@media (max-width: 720px) {

.sign {
	padding-bottom: 120px !important;
	width: 60px !important;
}

.sf {
	padding-bottom: 50px !important;
	width: 190px !important;
}


    h1 {
        font-size: 18px;
    }
    h2 {
        margin-top: 20px;
        font-size: 16px;
    }
}


@media (max-width: 640px) {

	.spacer {
	
	height: 30px;
	}
	
	
	.sign {
		padding-bottom: 50px !important;
		width: 50px !important;
	}

	.sf {
		padding-bottom: 20px !important;
		width: 150px !important;

	}
	

    h1 {
        font-size: 20px;
		line-height: 28px;
    }
    h2 {
        margin-top: 20px;
        font-size: 16px;
    }
	
	.typodesk { 
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	}

	.typomob { 
	visibility: visible;
	height: auto;
	}
}