html
{
	height: 100vh;
	width: 100vw;
}

body
{
	margin: 0px;
	height: 100vh;
	width: 100vw;
	font-family: verdana;
}

a:visited
{
	text-decoration: none;
	color: inherit;
}

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

#page
{
	height: 100vh;
	width: 100vw;
}


.slide
{
	height: 100vh;
	width: 100vw;
}

.slide img.background
{
	height: 100%;
	width: 100%;
	object-fit: cover;
	z-index: 100;
}


div.pagetitle
{
	position:relative;
	left: 20px;
	bottom:68px;
	width:340px;
	height: 48px;
	background-color: rgba(200,200,200,0.4);
	z-index:102;
	border-radius: 2px;
}

div.pagetitleimage
{
	display:inline-block;
	float:left;
	opacity: 0.4;
	width: 48px;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

div.pagetitleimage img
{
	object-fit: cover;
	overflow: hidden;
	height: 40px;
	padding-top: 4px;
	margin: auto;
	/* margin-left: -20px;
	margin-top: -20px; */
}

div.pagetitletext
{
	padding-top: 6px;
	opacity: 0.6;
	font-size: 14px;
	padding-left: 10px;
}

div.content
{
	width:440px;
	height:500px;
	position:absolute;
	top:60px;
	right:400px;
	background-color:#ffffff;
	opacity:0.9;
	border-radius: 2px;
	border: 1px solid #444444;

}

div.topcontent
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:24px;
	background-color:#ffffff;
	opacity:0.8;
	font-size: 14px;
	padding-top: 4px;
}

div.bottomcontent
{
	padding:10px;
}

div.contenttext
{
	margin:10px;
	hyphens: auto;
	text-align: justify;
  	text-justify: inter-word;
  	font-size: 14px;
}


.onMobile
{
	display:none;
}

.onDesktop
{
	display:block;
}

@media (max-width : 900px) {
    .onDesktop
    {
        display: none;
    }
    .onMobile
    {
        display: block;
    }
    .slick-dots li
    {
    	display:none;
    }
    .slide
	{
		height: 40vh;
	}
    div.pagetitle
    {
    	position:relative;
		bottom:32px;
		width:100%;
		height: 32px;
		background-color: rgba(200,200,200,0.8);
		left:0px;
		border-radius: 0px;
    }
    div.pagetitleimage
	{
		padding-left: 4px;
		width: 32px;
	}
	div.pagetitleimage img
	{
		height: 24px;
		padding-top: 4px;
	}
	div.pagetitletext
	{
		padding-top: 4px;
		font-size: 10px;
		padding-left: 10px;
}


}


.pulsate:hover {
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite; 
    border-radius: 10px;
    box-shadow: 0 0 0 rgba(204,204,204, 0.4);
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.7;
        /* -webkit-box-shadow: 0 0 0 0 rgba(204,204,204, 0.4); */
    }
    50% { 
        opacity: 1.0;
        /*  -webkit-box-shadow: 0 0 0 10px rgba(204,204,204, 0); */
    }
    100% { 
        opacity: 0.7;
        /*  -webkit-box-shadow: 0 0 0 0 rgba(204,204,204, 0); */
    }
}