/*Default for iphone*/
.reveal div.slide-background {
    background-size: 95% 100%
}

.reveal .lg-only, .reveal .sm-only {
    display: none;
}

.reveal .xsm-only {
    display: block;
}

.rtop4x3 {
	   position:relative;
        z-index: 555;
        top: 39%;
    }

.rtop4xx {
        position: relative;
        z-index: 55;
        top: 38%;
    }
	
	.reveal h12      {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 38px;
	font-style: bold;
	text-align: center;
	text-shadow: 0 0 10px #ee0a0a;
  
}

.reveal h12motion2      {
	color: #e60c3a;
	font-family:"ArimoRegular";
	font-size: 60px;
	font-style: bold;
	text-align: center;
	text-shadow: 0px 0px 0px #e60c3a;
}

.reveal h12x      {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 27px;
	font-style: bold;
	text-align: center;
	text-shadow: 0 0 10px #ee0a0a;
  
}

.reveal h9 {
   
    color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 7px;
   
    text-shadow: none;

}

/*WHERE DO YOU WANT TO GO*/
		

.reveal h12where      {
	color: #57d4eb;
	font-family:"ArimoRegular";
	font-size: 35px;
	font-style: bold;
	text-align: center;
    	text-shadow: .5px .5px .5px #ffffff;

}

.rtop4x4 {
	   position:relative;
        z-index: 555;
        top: 34%;	

    }

.rtop4xxx {
        position: relative;
        z-index: 55;
        top: 34%;
    }
	
	 

/*WHERE DO YOU WANT TO GO END*/	
	
	
	

	
	/*iPHONE DEVICES FOR CREDITS PAGE LINKS!!!!!!!*/

.reveal a {
  color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 8px;
    text-shadow: none;
	  text-decoration: none; }

.reveal a:hover {
   color: #74a7cb;
    font-family: "Conv_CALIBRI";
    font-size: 8px;
    text-shadow: none;
	  text-decoration: none; }

.reveal .roll span:after {
   color: #dfghy2;
    font-family: "Conv_CALIBRI";
    font-size: 8px;
    text-shadow: none;
	  text-decoration: none; }
  
/*iPHONE DEVICES FOR LINKS TO OTHER EPISODES!!!!!!!*/

a.ex2:link {
color: #e3151f;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
   
	}
	
	a.ex2:visited {
color: #e3151f;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex2:hover {
color: #1c7eb0;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex2:active {
color: #000000;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	
	
	
	a.ex3:link {
color: #d87277;
	font-family:"Conv_CALIBRI";
	font-size: 20px;
    text-decoration: none;
	line-height: 1.0em;
	}	
	
	a.ex3:visited {
color: #d87277;
	font-family:"Conv_CALIBRI";
	font-size: 20px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3:hover {
color: #1c7eb0;
	font-family:"Conv_CALIBRI";
	font-size: 20px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3:active {
color: #000000;
	font-family:"Conv_CALIBRI";
	font-size: 20px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	
	
	
	
	
	
	a.ex3b:link {
color: #469ef1;
	font-family:"Conv_CALIBRI";
	font-size: 20px;
    text-decoration: none;
	line-height: 1.0em;
	}	
	
	a.ex3b:visited {
color: #d87277;
	font-family:"Conv_CALIBRI";
	font-size: 20px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3b:hover {
color: #1c7eb0;
	font-family:"Conv_CALIBRI";
	font-size: 20px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3b:active {
color: #000000;
	font-family:"Conv_CALIBRI";
	font-size: 20px;
    text-decoration: none;
	line-height: 1.0em;
	}

	
	
	



/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .reveal div.slide-background {
        background-size: 40% 95%
    }

    .reveal h9 {
   
    color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 13px;
    line-height: 0.5em;
    text-shadow: none;

}
	.reveal h9xx {
   
    color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 14px;
    line-height: 0.5em;
    text-shadow: none;

}

    .reveal .lg-only, .reveal .xsm-only {
        display: none;
    }

    .reveal .sm-only {
        display: block;
    }

   .rtop4x {
	   position:relative;
        z-index: 555;
        top: 45%;
    }
	
	.rtop4xx {
        position: relative;
        z-index: 55;
        top: 42%;
    }
	
	.rtop4x3 {
	   position:relative;
        z-index: 555;
        top: 40%;
    }
	
	
	/*WHERE DO YOU WANT TO GO*/
		

.reveal h12where      {
	color: #57d4eb;
	font-family:"ArimoRegular";
	font-size: 50px;
	font-style: bold;
	text-align: center;
   	text-shadow: .5px .5px .5px #ffffff;
 
}

.rtop4xxx {
        position: relative;
        z-index: 55;
        top: 40%;
    }
	
	 .rtop4x4 {
	   position:relative;
        z-index: 555;
        top: 36%;	

    }

/*WHERE DO YOU WANT TO GO END*/	
	
	.reveal h12      {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 56px;
	font-style: bold;
	text-align: center;
	text-shadow: 0 0 10px #ee0a0a;
  
}

.reveal h12x      {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 38px;
	font-style: bold;
	text-align: center;
	text-shadow: 0 0 10px #ee0a0a;
  
}

.reveal h12motion2      {
	color: #e60c3a;
	font-family:"ArimoRegular";
	font-size: 90px;
	font-style: bold;
	text-align: center;
	text-shadow: 0px 0px 0px #e60c3a;
  
}

	.reveal h12medium1     {
	color: #da8a17;
	font-family:"ArimoRegular";
	font-size: 40px;
	font-style: bold;
	line-height: 1.5em; 
}
	
	.reveal h12medium2     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 40px;
	font-style: bold;
	
  line-height: 1.5em;
margin-left: 2%;
}

.reveal h12medium3     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 40px;
	font-style: bold;
	
  line-height: 1.5em;
margin-left: 4%;
}

.reveal h12medium4     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 40px;
	font-style: bold;
	
  line-height: 1.5em;
margin-left: 6%;
}

.reveal h12medium5     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 40px;
	font-style: bold;
	line-height: 1.5em;
margin-left: 8%;
}

/*SMALLER DEVICES FOR CREDITS PAGE LINKS!!!!!!!*/

.reveal a {
  color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 12px;
    text-shadow: none;
	  text-decoration: none; }

.reveal a:hover {
   color: #74a7cb;
    font-family: "Conv_CALIBRI";
    font-size: 12px;
    text-shadow: none;
	  text-decoration: none; }

.reveal .roll span:after {
   color: #dfghy2;
    font-family: "Conv_CALIBRI";
    font-size: 12px;
    text-shadow: none;
	  text-decoration: none; }
  
/*SMALLER DEVICES FOR LINKS TO OTHER EPISODES!!!!!!!*/

a.ex2:link {
color: #e3151f;
	font-family:"Conv_CALIBRI";
	font-size: 60px;
    text-decoration: none;
	line-height: 1.0em;
   
	}
	
	a.ex2:visited {
color: #e3151f;
	font-family:"Conv_CALIBRI";
	font-size: 60px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex2:hover {
color: #1c7eb0;
	font-family:"Conv_CALIBRI";
	font-size: 60px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex2:active {
color: #000000;
	font-family:"Conv_CALIBRI";
	font-size: 60px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	
	
	
	a.ex3:link {
color: #d87277;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}	
	
	a.ex3:visited {
color: #d87277;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3:hover {
color: #1c7eb0;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3:active {
color: #000000;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	
	
	
	
	a.ex3b:link {
color: #469ef1;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}	
	
	a.ex3b:visited {
color: #d87277;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3b:hover {
color: #1c7eb0;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3b:active {
color: #000000;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}


}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
 {

    .reveal div.slide-background {
        background-size: 34% 95%
    }
	
	.reveal h9 {
   
    color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 20px;
    line-height: 0.5em;
    text-shadow: none;

}

.reveal h12      {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 76px;
	font-style: bold;
	text-align: center;
	text-shadow: 0 0 10px #ee0a0a;
  
}

.reveal h12x      {
	color: #ffffff;
	font-family:"ArimoRegular";
	font-size: 58px;
	font-style: bold;
	text-align: center;
	text-shadow: 0 0 10px #ee0a0a;
  
}

.reveal h12motion2      {
	color: #e60c3a;
	font-family:"ArimoRegular";
	font-size: 110px;
	font-style: bold;
	text-align: center;
	text-shadow: 0px 0px 0px #e60c3a;
  
}

/*WHERE DO YOU WANT TO GO*/	

.reveal h12where      {
	color: #57d4eb;
	font-family:"ArimoRegular";
	font-size: 50px;
	font-style: bold;
	text-align: center;
  	text-shadow: .5px .5px .5px #ffffff;

}

.rtop4xxx {
        position: relative;
        z-index: 55;
        top: 40%;
    }
	
	 .rtop4x4 {
	   position:relative;
        z-index: 555;
        top: 40%;	

    }
	
	/*WHERE DO YOU WANT TO GO END*/	

	.reveal h9xx {
   
    color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 24px;
    line-height: 0.5em;
    text-shadow: none;

}
	
    .reveal .lg-only {
        display: block;
    }

    .reveal .sm-only, .reveal .xsm-only {
        display: none;
    }

    .rtop4x {
        position: relative;
        z-index: 55;
        top: 45%;
    }
	
	.rtop4xx {
        position: relative;
        z-index: 55;
        top: 42%;
    }
	
	
	
	.rtop4x3 {
	   position:relative;
        z-index: 555;
        top: 42%;
    }
	
	

.reveal h12medium1     {
	color: #da8a17;
	font-family:"ArimoRegular";
	font-size: 60px;
	font-style: bold;
	line-height: 1.5em; 
}

.reveal h12medium2     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 60px;
	font-style: bold;
	
  line-height: 1.5em;
margin-left: 2%;
}

.reveal h12medium3     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 60px;
	font-style: bold;
	
  line-height: 1.5em;
margin-left: 4%;
}

.reveal h12medium4     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 60px;
	font-style: bold;
	
  line-height: 1.5em;
margin-left: 6%;
}

.reveal h12medium5     {
	color: #575652;
	font-family:"ArimoRegular";
	font-size: 60px;
	font-style: bold;
	line-height: 1.5em;
margin-left: 8%;
}

/*LARGER DEVICES FOR CREDITS PAGE LINKS!!!!!!!*/

.reveal a {
  color: #ffffff;
    font-family: "Conv_CALIBRI";
    font-size: 18px;
    text-shadow: none;
	  text-decoration: none; }

.reveal a:hover {
   color: #74a7cb;
    font-family: "Conv_CALIBRI";
    font-size: 18px;
    text-shadow: none;
	  text-decoration: none; }

.reveal .roll span:after {
   color: #dfghy2;
    font-family: "Conv_CALIBRI";
    font-size: 18px;
    text-shadow: none;
	  text-decoration: none; }
  
/*LARGER DEVICES FOR LINKS TO OTHER EPISODES!!!!!!!*/

a.ex2:link {
color: #e3151f;
	font-family:"Conv_CALIBRI";
	font-size: 60px;
    text-decoration: none;
	line-height: 1.0em;
   
	}
	
	a.ex2:visited {
color: #e3151f;
	font-family:"Conv_CALIBRI";
	font-size: 60px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex2:hover {
color: #1c7eb0;
	font-family:"Conv_CALIBRI";
	font-size: 60px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex2:active {
color: #000000;
	font-family:"Conv_CALIBRI";
	font-size: 60px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	
	
	
	a.ex3:link {
color: #d87277;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}	
	
	a.ex3:visited {
color: #d87277;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3:hover {
color: #1c7eb0;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3:active {
color: #000000;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	
	
	
	
	
	
	a.ex3b:link {
color: #469ef1;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}	
	
	a.ex3b:visited {
color: #d87277;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3b:hover {
color: #1c7eb0;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
	
	a.ex3b:active {
color: #000000;
	font-family:"Conv_CALIBRI";
	font-size: 30px;
    text-decoration: none;
	line-height: 1.0em;
	}
}











/*THIS IS FOR BOTTOM-RIGHT2b */

/* Default is phones */

.bottom-right2 {
   position: absolute;  
    top: .0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.bottom-right2b {
    width : 100%;
    height: 100%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .bottom-right2b {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 100%;
    height: 100%;
    }
	
	.bottom-right2 {
   position: absolute;  
    top: 0.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .bottom-right2b {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 100%;
    height: 100%;
	
	 
    }

}










/*THIS IS FOR BOTTOM-RIGHT2bx */

/* Default is phones */


.bottom-right2x {
   position: absolute;  
    top: 5.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.bottom-right2bx {
    width : 45%;
    height: 95%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .bottom-right2bx {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 40%;
    height: 98%;
    }
	
	.bottom-right2x {
   position: absolute;  
    top: 15.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .bottom-right2bx {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 30%;
    height: 80%;
	
	 
    }

}






/*THIS IS FOR textsb */

/* Default is phones */


.texts {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.textsb {
    width : 52%;
    height: 99%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .textsb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 70%;
    height: 98%;
    }
	
	.texts {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .textsb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 35%;
    height: 80%;
		 
    }
	.texts {
   position: absolute;  
    top: 15.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
	
	
}












/*THIS IS FOR bigbird */

/* Default is phones */


.bigbird {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.bigbirdb {
    width : 52%;
    height: 99%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .bigbirdb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 62%;
    height: 98%;
    }
	
	.bigbird {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .bigbirdb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 24%;
    height: 48%;
		 
    }
	.bigbird {
   position: absolute;  
    top: 25.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
	
	
}







/*THIS IS FOR BOTTOM-RIGHTdancer */

/* Default is phones */


.bottom-rightdancer {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.bottom-rightdancer2 {
    width : 37%;
    height: 99%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .bottom-rightdancer2 {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 44%;
    height: 98%;
    }
	
	.bottom-rightdancer {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .bottom-rightdancer2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 31%;
    height: 87%;
		 
    }
	.bottom-rightdancer {
   position: absolute;  
    top: 10.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
	
	
}






/*THIS IS FOR BOTTOM-RIGHT2by */

/* Default is phones */

.bottom-right2b {
   position: absolute;  
    top: 02%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.bottom-right2by {
    width : 35%;
    height: 99%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .bottom-right2by {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 40%;
    height: 98%;
    }
	
	.bottom-right2b {
   position: absolute;  
    top: 02.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .bottom-right2by {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 25%;
    height: 80%;
	
	 
    }
	
	.bottom-right2b {
   position: absolute;  
    top: 8.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}








/*THIS IS FOR BOTTOM-RIGHT2by2 */

/* Default is phones */

.bottom-right2y2 {
   position: absolute;  
    top: 01%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.bottom-right2by2 {
    width : 53%;
    height: 99%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .bottom-right2by2 {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 40%;
    height: 98%;
    }
	
	.bottom-right2y2 {
   position: absolute;  
    top: 02.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .bottom-right2by2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 43%;
    height: 89%;
	
	 
    }
	
	.bottom-right2y2 {
   position: absolute;  
    top: 10.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}








/*THIS IS FOR BOTTOM-RIGHT2by4 */

/* Default is phones */

.bottom-right2y4 {
   position: absolute;  
    top: 20%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 499;
  
}


.bottom-right2by4 {
    width : 70%;
    height: 78%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .bottom-right2by4 {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 70%;
    height: 78%;
    }
	
	.bottom-right2y4 {
   position: absolute;  
    top: 20.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 499;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .bottom-right2by4 {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 53%;
    height: 68%;
	
	 
    }
	
	.bottom-right2y4 {
   position: absolute;  
    top: 18.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 499;
  
}

}







/*THIS IS FOR twitter */

/* Default is phones */

.twitter {
   position: absolute;  
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.twitterb {
    width : 97%;
    height: 100%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .twitterb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 98%;
    height: 90%;
    }
	
	.twitter{
   position: absolute;  
    top: 8.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .twitterb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 70%;
    height: 80%;
	
	 
    }
	
	.twitter {
   position: absolute;  
    top: 16.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}












/*THIS IS FOR instagram */

/* Default is phones */

.instagram {
   position: absolute;  
    top: 01%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.instagramb {
    width : 35%;
    height: 99%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .instagramb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 40%;
    height: 98%;
    }
	
	.instagram {
   position: absolute;  
    top: 01.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .instagramb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 28%;
    height: 89%;
	
	 
    }
	
	.instagram {
   position: absolute;  
    top: 10.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}















/*THIS IS FOR affidavit */

/* Default is phones */

.affidavit {
   position: absolute;  
    top: 01%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.affidavitb {
    width : 43%;
    height: 99%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .affidavitb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 50%;
    height: 98%;
    }
	
	.affidavit {
   position: absolute;  
    top: 01.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .affidavitb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 35%;
    height: 89%;
	
	 
    }
	
	.affidavit {
   position: absolute;  
    top: 10.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}










/*THIS IS FOR phone */

/* Default is phones */

.phone {
   position: absolute;  
    top: 01%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.phoneb {
    width : 35%;
    height: 99%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .phoneb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 40%;
    height: 98%;
    }
	
	.phone {
   position: absolute;  
    top: 01.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .phoneb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 26%;
    height: 89%;
	
	 
    }
	
	.phone {
   position: absolute;  
    top: 10.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}










/*THIS IS FOR phone horizontal */

/* Default is phones */

.phoneh {
   position: absolute;  
    top: 20%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.phonehb {
    width : 70%;
    height: 80%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .phonehb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 70%;
    height: 65%;
    }
	
	.phoneh {
   position: absolute;  
    top: 22.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .phonehb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 45%;
    height: 56%;
	
	 
    }
	
	.phoneh {
   position: absolute;  
    top: 27.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}









/*THIS IS FOR phone horizontal with higher z index */

/* Default is phones */

.phonehz {
   position: absolute;  
    top: 20%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 599;
  
}


.phonehbz {
    width : 55%;
    height: 65%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .phonehbz {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 70%;
    height: 65%;
    }
	
	.phonehz {
   position: absolute;  
    top: 22.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 599;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .phonehbz {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 45%;
    height: 56%;
	
	 
    }
	
	.phonehz {
   position: absolute;  
    top: 25.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 599;
  
}

}










/*THIS IS FOR BOTTOM-RIGHT2bw */

/* Default is phones */

.bottom-right2w {
   position: absolute;  
    top: 10%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.bottom-right2bw {
    width : 98%;
    height: 28%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .bottom-right2bw {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 75%;
    height: 62%;
    }
	
	.bottom-right2w {
   position: absolute;  
    top: 18.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .bottom-right2bw {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 20%;
    height: 70%;
	
	 
    }
	
	.bottom-right2w {
   position: absolute;  
    top: 20.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 599;
  
}

}






/*THIS IS FOR BOTTOM-RIGHT2bz */

/* Default is phones */

.bottom-right2z {
   position: absolute;  
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.bottom-right2bz {
    width : 100%;
    height: 100%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .bottom-right2bz {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 100%;
    height: 85%;
    }
	
	.bottom-right2z {
   position: absolute;  
    top: 0.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{	

    .bottom-right2bz {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 100%;
    height: 100%;
    }
	
	.bottom-right2z {
   position: absolute;  
    top: .0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}










/*THIS IS FOR BOTTOM-RIGHT2bx2reversed */

/* Default is phones */


.bottom-right2x2reversed {
   position: absolute;  
    top: 20.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.bottom-right2bx2reversed {
    width : 71%;
    height: 79%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .bottom-right2bx2reversed {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 59%;
    height: 66%;
    }
	
	.bottom-right2x2reversed {
   position: absolute;  
    top: 25.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .bottom-right2bx2reversed {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 59%;
    height: 66%;
	
	 
    }
	
	.bottom-right2x2reversed {
   position: absolute;  
    top: 13.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}






/*THIS IS FOR BOTTOM-RIGHT2bx2reversed2 */

/* Default is phones */


.bottom-right2x2reversed2 {
   position: absolute;  
    top: 20.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.bottom-right2bx2reversed2 {
    width : 61%;
    height: 79%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .bottom-right2bx2reversed2 {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 59%;
    height: 66%;
    }
	
	.bottom-right2x2reversed2 {
   position: absolute;  
    top: 21.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .bottom-right2bx2reversed2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 49%;
    height: 66%;
	
	 
    }
	
	.bottom-right2x2reversed2 {
   position: absolute;  
    top: 21.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
	

}






/*THIS IS FOR therecanbeonlyone */

/* Default is phones */


.therecanbeonlyone2 {
   position: absolute;  
    top: 20.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.therecanbeonlyone2b {
    width : 61%;
    height: 79%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .therecanbeonlyone2b {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 59%;
    height: 66%;
    }
	
	.therecanbeonlyone2 {
   position: absolute;  
    top: 21.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .therecanbeonlyone2b {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 30%;
    height: 44%;
	
	 
    }
	
	.therecanbeonlyone2 {
   position: absolute;  
    top: 35.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}









/*THIS IS FOR MAP */

/* Default is phones */

.map {
   position: absolute;  
    top: 01%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.mapb {
    width : 90%;
    height: 98%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .mapb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 92%;
    height: 90%;
    }
	
	.map {
   position: absolute;  
    top: 10.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .mapb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 77%;
    height: 90%;
	
	 
    }
	
	.map {
   position: absolute;  
    top: 09.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}







/*THIS IS FOR MAP2 */

/* Default is phones */

.map2 {
   position: absolute;  
    top: 01%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.map2a {
    width : 53%;
    height: 99%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .map2a {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 70%;
    height: 70%;
    }
	
	.map2 {
   position: absolute;  
    top: 10.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .map2a {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 40%;
    height: 85%;
	
	 
    }
	
	.map2 {
   position: absolute;  
    top: 08.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}

/*THIS IS FOR logo */

/* Default is phones */

.logob {
  position: absolute;  
    top: 80.0%;
    left: 85%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.logoby {
    width : 240%;
    height: 400%;
}






/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .logoby {
        /* override just the attributes you need
          for positioning on a  tablet */
		  width : 107%;
    height: 178%;
    }
	
	.logob {
   position: absolute;  
    top: 80.0%;
    left: 85%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}





/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .logoby {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 45%;
    height: 85%;
	
	 
    }
	
	.logob {
   position: absolute;  
    top: 90.0%;
    left: 90%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}

/*THIS IS FOR logob2 */

/* Default is phones */

.logob2 {
  position: absolute;  
    top: 87.0%;
    left: 85%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  width: 15%;
  height: 15%;
}







/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    
	
	.logob2 {
   position: absolute;  
    top: 87.0%;
    left: 85%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
   width: 11%;
  height: 11%;
}
}





/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    
	.logob2 {
   position: absolute;  
    top: 90.0%;
    left: 90%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
   width: 6%;
  height: 6%;
}


}


/*THIS IS FOR phone */

/* Default is phones */

.phonec {
   position: absolute;  
    top: 9%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.phoned {
    width : 45%;
    height: 92%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .phoned {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 48%;
    height: 98%;
    }
	
	.phonec {
   position: absolute;  
    top: 01.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .phoned {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 36%;
    height: 89%;
	
	 
    }
	
	.phonec {
   position: absolute;  
    top: 10.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}






/*THIS IS FOR pleasewait */

/* Default is phones */


.pleasewait {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: -100;
    width : 100%;
    height: 100%;
  
}
	

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .pleasewait {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: -100;
    width : 100%;
    height: 100%;
  
}
	
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

   
	.pleasewait {
   position: absolute;  
    top: 1.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: -100;
    width : 1%;
    height: 1%;
  
}
	
	
}




/*THIS IS FOR logob3 */

/* Default is phones */

.logob3 {
  position: absolute;  
    top: 80.0%;
    left: 85%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5099;
    width: 14%;
  height: 14%;


}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    
	
	.logob3 {
   position: absolute;  
    top: 90.0%;
    left: 90%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5099;
   width: 7%;
  height: 7%;
  
}
}





/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    
	.logob3 {
   position: absolute;  
    top: 90.0%;
    left: 90%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5099;
   width: 7%;
  height: 7%;
  
}


}











/*THIS IS FOR TOP30 NOTE NOTE !!!!!!!!!  earl text*/

/* Default is phones */

.top30{ 
position:absolute; 
top: 15%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 399;
   margin-left: auto;
    margin-right: auto;
	 width: 80%;
  height: 80%;
  }


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {
    
	
	.top30 { 
position:absolute; 
top:17%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 399;
   margin-left: auto;
    margin-right: auto;
	width: 70%;
  height: 70%;
  }
  
}





/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	  .top30 { 
position:absolute; 
top:12%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 399;
   margin-left: auto;
    margin-right: auto;
	width: 70%;
  height: 70%;
  }
  
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
  
  .top30 { 
position:absolute; 
top:12%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 399;
   margin-left: auto;
    margin-right: auto;
width: 70%;
  height: 70%;
  }
}






/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    
	.top30 { 
position:absolute; 
top:27%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 399;
   margin-left: auto;
    margin-right: auto;
	width: 50%;
  height: 50%;
  }

  
}











/*THIS IS FOR top30b for NO*/

/* Default is phones */

.top30b {
  position: absolute;  
    top: 55.0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 599;
   margin-left: auto;
    margin-right: auto;

}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {
	
	.top30b {
   position: absolute;  
    top: 60.0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 599;
   margin-left: auto;
    margin-right: auto;
}
}


/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{
   
	.top30b {
   position: absolute;  
    top: 50.0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 599;
   margin-left: auto;
    margin-right: auto;
pointer-events: none;
}


}









/*THIS IS FOR top30c for yes*/

/* Default is phones */

.top30c {
  position: absolute;  
    top: 70.0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 699;
   margin-left: auto;
    margin-right: auto
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    
	
	.top30c {
   position: absolute;  
    top: 70.0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 699;
   margin-left: auto;
    margin-right: auto;
	
}
}


/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    
	.top30c {
   position: absolute;  
    top: 55.0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 699;
   margin-left: auto;
    margin-right: auto;
	 
}


}













/*THIS IS FOR quiz */

/* Default is phones */

.quiz{
   position: absolute;  
    top: 5%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 499;
  margin-left: auto;
    margin-right: auto;
}



/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

   
	
	.quiz {
   position: absolute;  
    top: 20.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 499;
  margin-left: auto;
    margin-right: auto;
}
}


/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

	
	.quiz {
   position: absolute;  
    top: 22.0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 499;
   margin-left: auto;
    margin-right: auto;
  
}

}










/*THIS IS FOR logob3 */

/* Default is phones */

.logob3 {
  position: absolute;  
    top: 80.0%;
    left: 85%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5099;
    width: 14%;
  height: 14%;


}


/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    
	
	.logob3 {
   position: absolute;  
    top: 90.0%;
    left: 90%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5099;
   width: 7%;
  height: 7%;
  
}
}





/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    
	.logob3 {
   position: absolute;  
    top: 90.0%;
    left: 90%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 5099;
   width: 7%;
  height: 7%;
  
}


}













	





	










/*THIS IS FOR top24ad PLAY BUTTON FOR AD VIDEOS*/

/* Default is phones */

.top24ad { 
position:absolute; 
top:15%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 499;
   margin-left: auto;
    margin-right: auto;
	 width: 70%;
  height: 70%;
}
	
	
	
	.top24ad2 { 
position:absolute; 
top:15%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 399;
   margin-left: auto;
    margin-right: auto;
	 width: 70%;
  height: 70%;
  }
  

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {
    
	
	.top24ad { 
position:absolute; 
top:24%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 499;
   margin-left: auto;
    margin-right: auto;
	 width: 70%;
  height: 70%;
  }
	
	
	.top24ad2 { 
position:absolute; 
top:24%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 399;
   margin-left: auto;
    margin-right: auto;
	 width: 70%;
  height: 70%;
  }

  
}


/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    
	.top24ad { 
position:absolute; 
top:24%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 499;
   margin-left: auto;
    margin-right: auto;
	 width: 70%;
  height: 70%;
  }
	
	
	.top24ad2 { 
position:absolute; 
top:24%;
left: 0%;
    bottom: 0%;
    right: 0%;
	padding: 0px;
   z-index: 399;
   margin-left: auto;
    margin-right: auto;
	 width: 70%;
  height: 70%;
  }
  
}












/*THIS IS FOR h12poll2 */

/* Default is phones */

.reveal h12poll2      {
	color: red;
	font-family:"ArimoRegular";
	font-size: 25px;
	font-style: bold;
	text-align: center;
	
  
}



/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    
	
	.reveal h12poll2      {
	color: red;
	font-family:"ArimoRegular";
	font-size: 38px;
	font-style: bold;
	text-align: center;
	
  
}
}





/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    
	.reveal h12poll2      {
	color: red;
	font-family:"ArimoRegular";
	font-size: 38px;
	font-style: bold;
	text-align: center;
	
  
}

}











/*THIS IS FOR h12poll*/

/* Default is phones */

.reveal h12poll      {
	color: #085da5;
	font-family:"ArimoRegular";
	font-size: 25px;
	font-style: bold;
	text-align: center;
	
  
}



/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    
	
	.reveal h12poll      {
	color: #085da5;
	font-family:"ArimoRegular";
	font-size: 38px;
	font-style: bold;
	text-align: center;
	
  
}
}





/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    
	.reveal h12poll      {
	color: #085da5;
	font-family:"ArimoRegular";
	font-size: 38px;
	font-style: bold;
	text-align: center;
	
  
}

}













/*THIS IS FOR poll2*/

/* Default is phones */

.poll2 {
	    position: absolute;  
    top: 1%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 499;
  margin-left: auto;
    margin-right: auto;
    }




/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    
	
	.poll2 {
	    position: absolute;  
    top: 30%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 499;
  margin-left: auto;
    margin-right: auto;
    }

}





/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    
	.poll2 {
	    position: absolute;  
    top: 30%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 499;
  margin-left: auto;
    margin-right: auto;
    }


}







/*THIS IS FOR hangover */

/* Default is phones */

.hangover {
   position: absolute;  
    top: 01%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.hangoverb {
    width : 74%;
    height: 98%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .hangoverb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 52%;
    height: 90%;
    }
	
	.hangover {
   position: absolute;  
    top: 10.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px) {

    .hangoverb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 52%;
    height: 90%;
	
	 
    }
	
	.hangover {
   position: absolute;  
    top: 09.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}






/*THIS IS FOR letter */

/* Default is phones */

.letter {
   position: absolute;  
    top: 01%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.letterb {
    width : 45%;
    height: 99%;
}

/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .letterb {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 50%;
    height: 98%;
    }
	
	.letter {
   position: absolute;  
    top: 01.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}

/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .letterb {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 32%;
    height: 89%;
	
	 
    }
	
	.letter {
   position: absolute;  
    top: 10.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}




/*THIS IS FOR BOTTOM-RIGHT2by3 */

/* Default is phones */

.email {
   position: absolute;  
    top: 01%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}


.email2 {
    width : 35%;
    height: 99%;
}






/*Small devices such as tablets*/
@media only screen
and (min-device-width: 768px)
and (orientation: landscape) {

    .email2 {
        /* override just the attributes you need
          for positioning on a  tablet */
		   width : 40%;
    height: 98%;
    }
	
	.email {
   position: absolute;  
    top: 01.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}
}






/*Larger devices (such as desktops)*/
@media only screen
and (min-device-width: 1024px)
{

    .email2 {
        /* override just the attributes you need
          for positioning on a desktop*/
		  width : 26%;
    height: 89%;
	
	 
    }
	
	.email {
   position: absolute;  
    top: 10.0%;
    left: 0;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 99;
  
}

}










.progress { pointer-events: none;}