@import url(https://fonts.googleapis.com/css?family=Lato:400,300,900);

#myPageContent, section {

	width:100% !important;
	font-family:'Lato', sans-serif !important;
		font-size: 12pt !important;
	font-weight: 300 !important;color:#ffffff;
}


/* Slider */
#textSlider.row {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100% !important;color:#ffffff;
}
#textSlider div {
	color: #FFF;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	color:#ffffff;
}

.iamCol {
    text-align: center;
	float: left;
	font-weight: 300;
	font-size:30pt;
	color:#ffffff;
}
.iamCol p { display: inline !important; color:#ffffff;}
.iamCol p:nth-child(2) { margin-top: -20pt !important;color:#ffffff; }


.slideCol {
	text-align: left;
    overflow: hidden;
	font-weight: 900;
	font-size:66pt;
	display: block;
	white-space: nowrap;color:#ffffff;
}
.slideCol p { margin: 0px !important;color:#ffffff; }

.scroller {
   height: 70pt;
   line-height: 70pt;
   overflow: hidden;color:#ffffff;
}
.scroller .inner { animation: 10s normal infinite running scroll; }
@keyframes scroll {
   0%  	{margin-top: 0px;}
   10% 	{margin-top: 0px;}

   20%  {margin-top: -70pt;}
   30%  {margin-top: -70pt;}

   40%  {margin-top: -140pt;}
   50%  {margin-top: -140pt;}

   60%  {margin-top: -210pt;}
   70%  {margin-top: -210pt;}

   80%  {margin-top: -280pt;}
   90%  {margin-top: -280pt;}

   100% {margin-top: 0px;}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) and (max-width : 374px) {
	#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
    .iamCol { font-size:18pt; }
	.slideCol { font-size: 18pt; text-align: center; margin-top: -20px; }
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 375px) and (max-width : 479px) {
	#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
    .iamCol { font-size:20pt; }
	.slideCol { font-size: 22pt; text-align: center; margin-top: -20px; }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) and (max-width : 765px) {
	#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
    .iamCol { font-size:25pt; }
	.slideCol { font-size: 36pt; text-align: center; margin-top: -20px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 992px) {
	#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
	.iamCol {font-size:30pt; }
	.slideCol { font-size: 48pt; text-align: center; margin-top: 5px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1200px) {
	#textSlider.row { margin-right: 0px !important; margin-left: 0px !important; }
	.iamCol {  font-size:30pt; }
	.slideCol { font-size: 52pt; text-align: center; }
}