@font-face
{
	font-family:FontAwesome;
	src:local('☺'), url('fonts/fontawesome-webfont.woff') format('woff');
	font-weight:400;
	font-style:normal;
}
@font-face
{
	font-family:LatoBold;
	src:local('☺'), url('fonts/lato-heavy.woff') format('woff');
	font-weight:800;
	font-style:normal;
}
@font-face
{
	font-family:LatoRegular;
	src:local('☺'), url('fonts/lato-regular.woff') format('woff');
	font-weight:400;
	font-style:normal;
}
@font-face
{
	font-family:LatoLight;
	src:local('☺'), url('fonts/lato-light.woff') format('woff');
	font-weight:300;
	font-style:normal;
}

.fontbody
{
	font-family: LatoLight, sans-serif;
	font-weight: 300;
	font-size: 1.0rem;
}

.fontbodybold
{
	font-family: LatoRegular, sans-serif;
	font-weight: 400;
	font-size: 1.0rem;
}

.fontlarge
{
	font-family: LatoLight, sans-serif;
	font-weight: 300;
	font-size: 2.0rem;
}

.fontlargebold
{
	font-family: LatoBold, sans-serif;
	font-weight: 800;
	font-size: 2.0rem;
}


root
{ 
    display: block;
    font-size: 20px;
}

body
{
    font-family: LatoLight, sans-serif;
    font-size: 1rem;
	-webkit-text-size-adjust: 100%;
	border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
	background-color:#000000;
	/* background-image: url(Images/Background.png); */
	/* background-position: center top; */
}

div,img
{
	margin: 0rem;
	padding: 0rem;
	border: 0rem;
}

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

div.spacersection
{
	position: relative;
	background-color: transparent;
	height: 100vh;
	width: 100%;
	z-index: -10;
}

div.taggcyclebuttoncontain
{
	cursor: pointer;
	text-align: center;
	line-height: 0px;
}

div.taggcyclebutton
{
	display: inline-block;
	margin: 5px;
	width: 9px;
	height: 9px;
	border-width: 1px;
	border-radius: 100px;
	border-style: solid;
	border-color: #FFFFFF;
	background-color: transparent;
	transition: background-color 0.5s;
}

div.secttitlecontain
{
	height: 1rem;
	width: 100%;
	margin: 0rem auto;
	padding-top: 4rem;
	padding-bottom: 2rem;
	text-align: center;
}

div.secttitleline
{
	display: inline-block;
	height: 1rem;
	width: 30%;
	border-bottom: 0.05rem solid #cccccc;
}

div.secttitlehead
{
	display: inline-block;
	height: 1rem;
	width: 12rem;
	text-align: center;
	font-family: LatoBold;
	font-size: 0.75rem;
/*	font-weight: bold;*/
	margin-left: 0.5em;
	letter-spacing: 0.5em;
	vertical-align: baseline;
}

div.mainbigbutton
{
	cursor: pointer;
	margin: auto;
	text-align: center;
	border-style: solid;
	border-radius: 100px;
	padding: 15px 0;
	border-color: #FFFFFF;
	transition: color 0.4s, background-color 0.4s, border-color 0.4s, font-size 0.4s, letter-spacing 0.4s;
	background-color: transparent;
	border-width: 1px;
	color: #FFFFFF;
	font-family: LatoBold;
	width: 250px;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
}


@media only screen and (min-width: 1600px)
{
	.fontbody {font-size: 1.25rem;}
	.fontbodybold {font-size: 1.25rem;}
	.fontlarge {font-size: 2.5rem;}
	.fontlargebold {font-size: 2.5rem;}
	div.secttitlehead {height: 1.3rem; width: 16rem; font-size: 1.0rem;}
	div.mainbigbutton {padding: 18px 0; width: 350px; font-size: 1.2rem;}
}

@media only screen and (max-width: 800px)
{
	.fontbody {font-size: 1.0rem;}
	.fontbodybold {font-size: 1.0rem;}
	.fontlarge {font-size: 1.5rem;}
	.fontlargebold {font-size: 1.5rem;}
	div.secttitlecontain {padding-top: 2rem; padding-bottom: 2rem;}
	div.secttitleline {width: 12%;}
}


@-webkit-keyframes animslideinleft
{
	from {left: -100%;}
	to {left: 0%;}
}
@-webkit-keyframes animslideinright
{
	from {left: 100%;}
	to {left: 0%;}
}
@-webkit-keyframes animslideoutleft
{
	from {left: 0%;}
	to {left: -100%;}
}
@-webkit-keyframes animslideoutright
{
	from {left: 0%;}
	to {left: 100%;}
}

@keyframes animslideinleft
{
	from {left: -100%;}
	to {left: 0%;}
}
@keyframes animslideinright
{
	from {left: 100%;}
	to {left: 0%;}
}
@keyframes animslideoutleft
{
	from {left: 0%;}
	to {left: -100%;}
}
@keyframes animslideoutright
{
	from {left: 0%;}
	to {left: 100%;}
}