@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

::-webkit-scrollbar { 
    display: none; 
}

body{
	max-width: 100%;
    overflow-x: hidden;
    display: inline-block;
    background: linear-gradient(#e8e8e8, #daceb9);
    font-family: Optima;
    position: fixed;
    color: #535252;
}



html, body {
    width: 100%;
    height:100%;
    overflow-x: hidden;
    margin: 0;
}



a:visted {
 	text-decoration: none;
 	color: #535252;
}

 a:link{
	text-decoration: none;
	    color: #535252;
	}

a:hover{
	text-decoration: underline;
	    color: #535252;
	text-shadow: none;
}

a:active{
text-decoration: none;
    color: #535252;
}

a{
	text-decoration: none;
	    color: #535252;
}


#container{    
	width: 100%;
	height: 100%;
    text-align: center;
    position: static;
}

#splash{
    position: relative;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
}

#splash-img{
    min-height: 100vh;
    min-width: 100%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

#splash img{
    -webkit-filter: drop-shadow(0px 0px 4px rgb(0, 0, 0));
}


#info{
   position: relative;
   padding-bottom:5%;
   text-align: center;
   margin: auto;
   width: 60%;
   font-size: 1.4em; 
}

#info-a{
    height: 100%;
    display:table;
}

#info-b{
    height: 100%;
    display:table;
}

#info-c{
    height: 100%;
    display:table;
}

#info-d{
    height: 100%;
    display:table;
}


#info-a-text{
    height: 100%;
    width: 60%;
    margin: auto;
    cursor:pointer;
}

#info-b-text{
   height: 100%;
    width: 60%;
    margin: auto;
    cursor:pointer;
}

#info-c-text{
   height: 100%;
    width: 60%;
    margin: auto;
    cursor:pointer;
}

#info-d-text{
   height: 100%;
    width: 60%;
    margin: auto;
    cursor:pointer;
}



.downarrow{
 cursor:pointer;}


.uparrow{
 cursor:pointer;}


#button{
cursor:pointer;
}

#logo{
cursor:pointer;
position:absolute;
bottom: 45%;
left:0;
right: 0;
margin: auto;
width:20%;
}


#wrapper{
    height: 100%;
    position: relative;
}

div.horizontal {
    width: 100%;
    overflow: auto;
    font-size: 1.4em; 
    overflow-x: scroll;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


.table {
    display: table;
    table-layout: fixed;
    width: 400%;
}


article {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}



#wrapper-2{
    position: absolute;
    top: 188%;
    height: 5%;
    margin: auto;
    width: 20%;
    left:40%;
    text-align: center;
}

#wrapper-2 img{
      padding-left: 4%;
    padding-right: 4%;
    height: 25%;
}


#one{
    cursor:pointer;
}

#two{
    cursor:pointer;
}

#three{
    cursor: pointer;
}

#four{
    cursor: pointer;
}