body{
    text-align: center;
    margin: 0;
    position: relative;
    overflow: auto;
    font-family: 'ScoutCond-Regular';
    background-image: url(../images/background.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.page_container{
    position: relative;
    /* max-width: 946px; */
    /* font-family: 'ScoutCond-Regular'; */
    /* padding: 240px 40px 40px 40px; */
    /* margin: auto; */
    height: 100vh;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
}
.page_container .logo{
    width: 350px;
    position: absolute;
    left: 50%;
    top: 40px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 100%;
}
.page_container .logo img{
    max-width: 100%;
    display: block;
}
.page_container .text{
    font-size: 25px;
    line-height: 30px;
    margin: 60px 0px 80px 0px;
}
.list{
    background: rgba(255,255,255,.7);
    width: 550px;
    margin: auto;
    border-radius: 20px;
    padding: 20px;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.list .label{
        font-family: 'ScoutCond-Regular';
        font-size: 38px;
        margin-bottom: 12px;
}
.list .item{
    width: 28%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 2%;
}
.list .item a{
    display: inline-block;
    padding: 20px;
    margin: 2px;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    color: #fff !important;
    text-decoration: none !important;
    font-family: "Arial", sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0,0,0,.1);
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #ef8b17;
    box-shadow: 0 1px 0 rgba(0,0,0,.15);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…Igd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    background-image: linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    transition: filter 0.4s ease-out;
    letter-spacing: 2px;
    background-color: black;
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'ScoutCond-Regular';
    font-size: 29px;
}
.image_container{
        position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.image_container a{
    position: absolute;
    display: block;
    width: 15vw;
    height: 7vw;
    left: 8vw;
    top: 8vw;
}
.image_container a.first_link{
    width: 8vw;
    height: 2.5vw;
    left: 22.68vw;
    top: 29vw;
}
.image_container a.second_link{
    width: 8vw;
    height: 2.5vw;
    left: 22.68vw;
    top: 36.5vw;
}
.image_container img{
    display:block;
    width: 53.34vw;
}
 .mobile_image{
     display:none!important;
 }
	@media (orientation: portrait) {
	    .image_container a.first_link{
    width: 26.7vw;
    height: 8.8vw;
    left: 18.68vw;
    top: 93vw;
}
.image_container a.second_link{width: 26.7vw;height: 8.8vw;left: 18.68vw;top: 118vw;}
  body {
 background-image: url(../images/background_mobile.jpg);
 }
 .desktop_image{
     display:none!important;
 }
 .mobile_image{
     display:block!important;
 }

.image_container img {
    width: 64vw;
}
.image_container a{
    width: 60vw;
    height: 36vw;
    left: 15vw;
    top: 16vw;
}
}