body {
    font-family: sans-serif;
	background-color: #c4bcaf;
    background-image: url(../img/bkg.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: contain;
	color: #c00713;
    height: 100dvh;

}
.container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:-100px;
}
span {
	padding: 0
}

#links	{
	position: absolute;
	bottom: 40px;
	width: 100%;
	text-align: center;
    z-index: 999
}
#links a {
	color: #c00713;
	font-weight: normal;
    letter-spacing: 3px;
}
#links a:hover {
	text-decoration: none
}
#links a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #c00713;
    transition: width .3s;
}

#links a:hover::after {
    width: 100%;
    //transition: width .3s;
}

.list-inline>li {
	padding-left: 20px
}






@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

#links a {
    font-size: 2rem
}
.list-inline>li {
    padding-left: 15px
}

}


/*IPHONE 5 PORT*/
@media (max-width: 767px) and (orientation : portrait) {

#links a {
	font-size: 1rem
}
.list-inline>li {
	padding-left: 15px
}
}