a:link {text-decoration: none; color: #0303fc}
a:visited {text-decoration: none; color: #0303fc;}
a:active {text-decoration: none; color: #0303fc;}
a:hover {text-decoration: none; color: #c2c2c4;}


body {
	font-family: 'Roboto Condensed', serif;
	font-size: 1.25em; color: #FFFFFF;
	margin: 10px;

}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(3); /* IE */
  -moz-transform: scale(3); /* FF */
  -webkit-transform: scale(3); /* Safari and Chrome */
  -o-transform: scale(3); /* Opera */
  margin: 20px;
}
input[type=submit]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(3); /* IE */
  -moz-transform: scale(3); /* FF */
  -webkit-transform: scale(3); /* Safari and Chrome */
  -o-transform: scale(3); /* Opera */
  margin: 20px; padding: 10px; 
}

/* Might want to wrap a span around your checkbox text */
.checkboxtext
{
  /* Checkbox text */
  font-size: 110%;
  display: inline;
}

table {
  border-width:0px;
  border-style:solid;
  border-color:#f0f0f0;
  border-collapse:collapse;
  position:absolute; left: 0px;
}

td.samp {
  padding: 20px;
  width: 25%;
  text-align: center;

  
}

td.con {
  padding: 20px;
  width: 50%;
  text-align: center;

  
}

#bg {
	background: #FFFFFF; /* For browsers that do not support gradients */
    	background: -webkit-linear-gradient(#999999, #FFFFFF); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#999999, #FFFFFF); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#999999, #FFFFFF); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#999999, #FFFFFF); /* Standard syntax */
}

#bg4 {
	background: #000000; 
		background: -webkit-linear-gradient(#333333, #000000); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#333333, #000000); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#333333, #000000); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#333333, #000000); /* Standard syntax */
	padding: 15px;
	text-align: center;
		font-size: .7em; color: #ffffff;
		position: fixed; z-index: 100; left: 0px; bottom: 0px; width: 100%; height: 75px;
}

div.ind {
	position: absolute;
	left: 28vw;
	top: 25vh;
}

h1 {
	font-family: 'Droid Serif', serif; 
	color: #000000; font-size: 3em;
	position:inherit; top: 45%; text-align: center;
}

h2 {
	font-family: 'Pacifico', serif;
	color: #000000; font-size: 3em;
	position:relative; top: 5%; text-align: center; 
}

h4 {font-family: 'Oswald', serif; font-size:2vw; color: blue; position: absolute;  top: -6vh; padding: 10px;}

iframe {
    padding: 10px; align: left; overflow:auto; -webkit-overflow-scrolling:touch;
}

img {
  max-width: 100%;
  height: auto;
}






#nf1 {
	font-family: 'Oswald', sans-serif; margin-left: 30px;
	color: #0303fc; 
	font-size: 1.5em;
}

#nf2 {
	font-family: 'Oswald', sans-serif; margin-left: 30px; 
	color: #0303fc;  
	font-size: 1.5em;
}

#nf3 {
	font-family: 'Oswald', sans-serif;  margin-left: 30px;
	color: #0303fc;  
	font-size: 1.5em;
}

#nf4 {
	font-family: 'Oswald', sans-serif;  margin-left: 30px;
	color: #0303fc;  
	font-size: 1.5em;
}

#nf5 {
	font-family: 'Oswald', sans-serif; 
	color: #FFFFFF; 
	font-size: 1.5em;
}

#nf6 {
	font-family: 'Oswald', sans-serif; 
	color: #610078; 
	font-size: 1.5em;
}

#nf7 {
	font-family: 'Oswald', sans-serif; 
	color: #610078; 
	font-size: 1.5em;
}




p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.25em; color:  #c2c2c4;
	margin: 10px;
}

td.bg1 {
	background: #0303fc; 
		background: -webkit-linear-gradient(#0303fc, #000000); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#0303fc, #000000); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#0303fc, #000000); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#0303fc, #000000); /* Standard syntax */
	padding: 15px;
	text-align: center;
	height: 60vh;

}

td.bg2 {
	font-family: 'Oswald', sans-serif;
	background: #c2c2c4; 
	padding: 15px;
	align: left-justify; 
	color: #0303fc;
	font-size: 1.55em;	
}

td.bg3 {
	background: #0303fc; 
	padding: 15px;
	text-align: left-justify; font-family: 'Oswald', sans-serif; color: #FFFFFF; font-size: 1.5em
}

td.bg4 {
	background: #000000; 
		background: -webkit-linear-gradient(#333333, #000000); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(#333333, #000000); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(#333333, #000000); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(#333333, #000000); /* Standard syntax */
	padding: 15px;
	text-align: center;
		font-size: .7em;
}

td.bg5 {
	background: #999999; 
	padding: 15px;
	text-align: left-justify;
}


td.bg6 {
	background: #FFFFFF; 
	padding: 15px;
	text-align: left-justify;
}

td.bg7 {
	background: #c2c2c4; 
			background: -webkit-linear-gradient(right, #c2c2c4, #000000); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(right, #c2c2c4, #000000); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(right, #c2c2c4, #000000); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(right, #c2c2c4, #000000); /* Standard syntax */
	padding: 15px;
	text-align: left-justify;
}

td.bg8 {
	padding: 15px;
	text-align: justify;
}

div.text {
	width: 60%; position: relative; left: 20%; text-align: left-justify; color: #999999; font-family: 'Roboto Condensed', sans-serif;
}

div.text2 {
	width: 70%; position: relative; left: 10%; text-align: left-justify; color: #c2c2c4; font-family: 'Roboto Condensed', sans-serif;
}
div.text3 {
	width: 70%; position: relative; text-align: left-justify; color: #ffffff; font-size: .5em; font-family: 'Roboto Condensed', sans-serif;
}

ul {

}

/* FORM */
<style type="text/css">
.form-style-1 {
		
     margin:10px auto;
     max-width: 400px;
     padding: 20px 12px 10px 20px;
     font: 16px 'Roboto Condensed', sans-serif;
}
.form-style-1 li {
     padding: 0;
     display: block;
     list-style: none;
     margin: 10px 0 0 0;
}
.form-style-1 label{
     margin:0 0 3px 0;
	 color: #c2c2c4;
     padding:10px;
     display:block;
     font-weight: bold;
	 font: 1.8em 'Roboto Condensed', sans-serif;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
 textarea, 
 select{
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     border:1px solid #BEBEBE;
     padding: 7px;
     margin:0px;
     -webkit-transition: all 0.30s ease-in-out;
     -moz-transition: all 0.30s ease-in-out;
     -ms-transition: all 0.30s ease-in-out;
     -o-transition: all 0.30s ease-in-out;
     outline: none;  
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
     -moz-box-shadow: 0 0 8px #88D5E9;
     -webkit-box-shadow: 0 0 8px #88D5E9;
     box-shadow: 0 0 8px #88D5E9;
     border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
     width: 49%; height: 4em;
}

.form-style-1 .field-long{
     width: 100%; height: 4em;
}
.form-style-1 .field-select{
     width: 100%; height: 4em;
}
.form-style-1 .field-textarea{
     height: 10em;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
     background: #0303fc;
     padding: 8px 15px 8px 15px;
     border: none;
     color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
     background: #000000
     box-shadow:none;
     -moz-box-shadow:none;
     -webkit-box-shadow:none;
}
.form-style-1 .required{
     color:#0303fc;
}

.scalable {
  overflow: hidden;
}

.scalable iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.scalable .scalable-content {
  height: 0;
  position: relative;
}

.scalable-16-9 .scalable-content {
  /* Percentage from 9 divided by 16 for ratio of 16:9. */
  padding-bottom: 56.25%;
}

.scalable-2-1 .scalable-content {
  /* Percentage from 9 divided by 16 for ratio of 16:9. */
  padding-bottom: 50%;
}

/* SOCIAL */
.fa {

  padding: 20px;
  font-size: 30px;
  width: 20px; height: 20px; height: auto;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  display:block;
  list-style: none;
  
  
}

.fa ul a {
    color: #ffffff; display: block; 
}

.fa li a {
    color: #ffffff; display: block; 
}

.fa:hover {
    opacity: 0.7;
}


.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}


.fa-instagram {
  background: #125688;
  		background: -webkit-linear-gradient(200deg, #41023b, #d047d1, #ff0000, #ffff00); /* For Safari 5.1 to 6.0 */
    	background: -o-linear-gradient(200deg, #41023b, #d047d1, #ff0000, #ffff00); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(200deg, #41023b, #d047d1, #ff0000, #ffff00); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(200deg, #41023b, #d047d1, #ff0000, #ffff00); /* Standard syntax */
  color: white;
    
}