@charset "utf-8";
/* CSS Document */

/*Fonts*/

@font-face {
	font-family:agenda;
	src:url(../fonts/Agenda-Medium.otf);	
}

@font-face {
	font-family:agendalight;
	src:url(../fonts/AgendaLight.otf);	
}

@font-face {
	font-family:agendaitalics;
	src:url(../fonts/Agenda-LightItalic.otf);	
}

/*SPAN TAGS-----------------------------------------------------*/


.goldword {
	color:#ab8613;	
}

.medium {
	font-family:agenda;	
}

.italics {
	font-family:agendaitalics;	
}

.tab {
	margin-right:2em;	
}

.englishlink {
	margin-bottom:50px;	
}

.englishlink a {
	font-family:agendalight;
	font-size:15px;
	color:#919195;
	text-decoration:none;	
}

.englishlink a:hover {
	color:#ab8613;	
}

* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
  	padding: 0;
  	border: 0;	
}


/*Background image---------------------------------------------------------------*/

html { 
  background: url(../images/perdanasplash.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:100%;
}


/*Content Styling---------------------------------------------------------------*/

body {
	margin:0;
    width:100%;
	height:auto;
	min-height:100vh;
}

.home-wrapper{
    background-color:#ab8613;
    height:100vh;
    overflow:hidden;
   
}

.welcomecontent {
	width:100%;
	padding-right:2rem;
	padding-left:2rem;
	padding-top:1.5rem;
	padding-bottom:40px;
}

.welcomecontent h1 {
	color:#fff;
	font-family:agenda;
	font-weight:100;
	line-height:45px;
	font-size:40px;
    padding-right: 4rem;
}

.welcomecontent p {
	font-family:agendalight;
	font-size:15px;
	color:#fff;
	line-height:1.5em;
	margin-top:30px;
    padding-right:0rem;
}
.sidebar-wrapper{
    padding-left:0;
    height:100vh; 
}
.sidebar-wrapper .bg-image{
    background: url(../images/perdanasplash.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:100vh;
}

/*Enter Button--------------------------------------------------------------------*/

.enterbutton {
	position:fixed;
	bottom:0;
	right:0;
	margin-right:60px;
	margin-bottom:60px;	
}

.enterbutton a {
	background-color:#fff;
	border-radius:5px;
	padding-bottom:12px;
	padding-top:12px;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	color:#ab8613;
	word-spacing:5px;		
}

.enterbutton a:hover {
	background-color:#ab8613;
	color:#fff;	
}

.enterbutton-mobile {
	display:none;	
}


/*Media Queries-----------------------------------------------------------------------*/


@media only screen and ( max-width: 1390px ) {
	
	.welcomecontent h1 {
		font-size:30px;
		line-height:30px;	
	}
		
    .sidebar-wrapper{
        padding-right:0;
    }
    .welcomecontent p {
		font-size:16px;
		
	}
    
}

@media only screen and ( min-width: 481px )  and ( max-width: 767px )  {
	
	
	.home-wrapper {
		
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        order:2;
        height: auto;
	}
	
	.welcomecontent {
		background-color:#ab8613;
		width:100%;
		padding-top:20px;
		padding-bottom:40px;    

	}
	
	.welcomecontent h1 {
		font-size:45px;
		line-height:45px;
        padding-right: 1rem;
	}
	
	.welcomecontent p {
		font-family:agendalight;
		font-size:22px;
		color:#fff;
		line-height:30px;
		margin-top:40px;	
	}
    
    .sidebar-wrapper{
       display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: url(../images/perdanasplash.jpg) no-repeat ; 
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-size: cover;
        position: relative;
        height: 40vh;
         
    }
    
    .bg-image{
        width: 100%;
        max-width: 0px;
    }

    .welcome-content > .bg-image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
    
    .bg-image > .welcome-content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
	
	.enterbutton {
		
		display:none  
	}
	.enterbutton-mobile a:hover {
		background-color:#919195;
		color:#fff;	
	}
    .enterbutton-mobile{
        display:block;
    }
    
    .enterbutton-mobile a{
        background-color:#fff;
        border-radius:5px;
        padding-bottom:12px;
        padding-top:12px;
        padding-left:20px;
        padding-right:20px;
        text-decoration:none;
        color:#ab8613;
        word-spacing:5px;    
    }	
}

@media only screen and ( max-width: 480px )  {
	
	
	.home-wrapper {
		
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        order:2;
        height: auto;
	}
	
	.welcomecontent {
		background-color:#ab8613;
		width:100%;
		padding-top:20px;
		padding-bottom:40px;    

	}
	
	.welcomecontent h1 {
		font-size:45px;
		line-height:45px;
        padding-right: 1rem;
	}
	
	.welcomecontent p {
		font-family:agendalight;
		font-size:22px;
		color:#fff;
		line-height:30px;
		margin-top:40px;	
	}
    
    .sidebar-wrapper{
       display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: url(../images/perdanasplash.jpg) no-repeat ; 
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-size: cover;
        position: relative;
        height: 40vh;
         
    }
    
    .bg-image{
        width: 100%;
        max-width: 0px;
    }

    .welcome-content > .bg-image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
    
    .bg-image > .welcome-content {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
	
	.enterbutton {
		
		display:none  
	}
	.enterbutton-mobile a:hover {
		background-color:#ab8613;
		color:#fff;	
	}
    .enterbutton-mobile{
        display:block;
    }
    
    .enterbutton-mobile a{
        background-color:#fff;
        border-radius:5px;
        padding-bottom:12px;
        padding-top:12px;
        padding-left:20px;
        padding-right:20px;
        text-decoration:none;
        color:#ab8613;
        word-spacing:5px;    
    }	
}

/*@media screen and (orientation:portrait) {

	html {
		background-image:none;
	}
	
	body {
		width:100%;
	}
	
	.page-image {
		display:block;
		margin-bottom:-20px;	
	}
	
	.page-image img {
		width:100%;	
	}
	
	.welcomewrapper {
		position:static;
		float:none;
		width:100%;
		height:100%;	
	}
	
	.welcomecontent {
		position:static;
		background-color:#ab8613;
		width:90%;
		padding-top:20px;
		padding-bottom:40px;
	}
	
	.welcomecontent h1 {
		font-size:45px;
		line-height:45px;	
	}
	
	.welcomecontent p {
		font-family:agendalight;
		font-size:25px;
		color:#fff;
		line-height:34px;
		margin-top:40px;	
	}
		
	.enterbutton {
		display:none;	
	}
	
	.enterbutton2 {
		margin-top:60px;
		display:block;
		margin-bottom:0;	
	}
	
	.enterbutton2 a {
		background-color:#fff;
		border-radius:5px;
		padding-bottom:15px;
		padding-top:15px;
		padding-left:40px;
		padding-right:40px;
		text-decoration:none;
		color:#ab8613;
		word-spacing:10px;	
	}
	
	.enterbutton2 a:hover {
		background-color:#919195;
		color:#fff;	
	}
		
}*/