/* Resets */

* {
	margin:0; padding:0; border:0; font-size:100%;
}

body {
	background-color: #4379b8;
}

/* Structure */ 
@media screen and (max-width: 2560px){ 									 /* Mac Computer(27 inch) Media Query */ 
body {
	background-color: #4379b8;
    max-width: 2560px;
}

#wrapper { 
	margin-right: auto;
	margin-left: auto;
	width: 100%;
    height: 100%;
    overflow: hidden;
}

#title {
	width: 71%;
	display: block;
	margin-right: auto;
	margin-left: 13.8%;
	padding-top: 15%;
	position: relative;
}

#mega-phone-text{
	font-size: 2.5em;
	margin-left: 45%;
	margin-top: 5%;
}


#combined {
	width: 100%;
	position: relative;
	margin-top: -56.5%; 
	z-index: -1;
}


#straight-machine { 
	width: 45%;
	margin-left: 42%;
	margin-top: -2%;
}

#event-space {
	margin-bottom: 2%;
}

.sponsors-icons {
	margin-left: 22%;
}

.sponsor-icons {
	width: 30%;
	padding: 3%;
}

.sponsor-icons2 {
    width: 17%;
    padding: 10%;
    padding-top: 1%;
    padding-bottom: 0%;
}

#speechBubble {
	width: 30%;
	margin-left: 51%;
	margin-top: -14%;
}

#connectedLines{
	width: 100%;
	z-index: -2;
	margin-top: -51%;
	margin-left: -10%;
}

#social-media {
	width: 48%;
}

.social-media-icons {
	width: 10%;
	padding: 2%;
}

#facebook {
	margin-left: -2%;
}

footer {
	margin-left: 28%;
	margin-top: -5%;
	padding-top: 3%;
	font-size: 2em;
}

/* Navigation */ 

nav {
    position: fixed;
    transition: all 0.5s ease;
    width: 75%;
    left: 12.5%;
    padding-top: 1%;
    font-size: 2em;
    z-index: 10001;
}

nav.hidden {
    transform: translate3d(0,-100%,0);
}

#home-icon{
	width: 46%;
	margin-left: 27%;
}

    
    
nav li {
    display: inline-block;
}

nav li a { 
 	font-family: 'Helvetica', 'Arial', 'sans-serif';
    text-decoration: none;
    color: #F1EB2A;
    padding: 20px; 
}

/* Typography */ 

h1, h3 {
	color: #f5eb2b;
	font-family: 'Helvetica', 'Arial', 'sans-serif';
} 

h2 {
	font-family: 'Helvetica';
	font-size: 2em;
	margin-left: 23.3%;
	color: #F1EB2A;
}

h4 {
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	font-size: 2.8em;
	letter-spacing: 4px;
	color: #ffffff;
	margin-left: 28%;
}

h5 {
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	font-size: 2.8em;
	letter-spacing: 3px;
	color: #f5eb2b;
	margin-left: 28%;
}

h6 {
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1.5em;
	color: #f5eb2b;
	padding-top: 6%;
}

#tilted-text-a {
	/* font-size: 2em; */ 
	-ms-transform: rotate(16deg); /* IE 9 */
    -webkit-transform: rotate(16deg); /* Chrome, Safari, Opera */
    transform: rotate(16deg); 
    margin-left: 12%; 
    font-size: 3.5em;   /*dont touch this */ 
    margin-top: 26%; 
}

#tilted-text-b {
	-ms-transform: rotate(16deg); /* IE 9 */
    -webkit-transform: rotate(16deg); /* Chrome, Safari, Opera */
    transform: rotate(16deg); 
    margin-left: -2.3%;
    margin-top: 7.4%;
    font-size: 3.8em;  
}

#event-text {
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	width: 30%;
	line-height: 35px;
	letter-spacing: 1px;
	font-size: 1.3em;
	color: #ffffff;
	margin-left: 50%;
	margin-top: 20%; /* use this and the margin on balloon to adjust side text position */ 
}

#event-info a {
	color: #fff;
}

.title-small {
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1.5em;
	margin-left: 19.8%;
	margin-bottom: -1%;
}

.big-header {
	font-size: 3.8em;
}

#special-thanks {
	font-size: 2em;
	color: #f5eb2b;
	letter-spacing: 1px;
	width: 50%;
	padding-top: 5%;
	padding-bottom: 1.5%;
}

#sponsors-text-left {
	float: left; 
	line-height: 40px;
	margin-left: 28%; margin-right:-4%;
}

#sponsors-text-right {
	float: right;
	line-height: 40px;
	margin-right: 33%; margin-left:5%;
}

#speaker {
	margin-top: -18%;
	margin-left: -11%;
	margin-bottom: 13%;
}


.speaker-text {
	font-size: 1.7em;
	letter-spacing: 1px;
	text-align: center;
	margin: auto;
}

#speaker-name {
	font-size: 4em;
	letter-spacing: auto;
	padding-top: 1%;
}

#speakerHeader {
	margin-top: -5%;
	margin-left: -4%;
}

#speaker-intro {
	font-family: 'Helvetica', 'Arial', 'sans-serif';
    width: 46%;
    line-height: 35px;
    font-size: 1.3em;
    color: #ffffff;
    margin-left: 23%;
    margin-bottom: 2%;
}

#speaker-intro p {
	padding: 2%;
}

#speaker-link {
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1.5em;
    margin-left: 24%;
    margin-bottom: 10%;
}

#speaker-link a{
	color: #ffffff;
}

#seniorsHeader {
	margin-top: -16%;
	margin-left: -7%;
}

.sponsor-text-sub {
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1.3em;
	line-height: 30px;
	letter-spacing: 3px;
	margin-left: auto;
} 

#sponsors-text-left a{
	color: #fff;	
}

#family-thanks{
    font-size: 1.5em;
    margin-top: 27%;
    margin-left: 28%;
}
}

@media screen and (max-width: 1960px){

/* Navigation */ 

nav {
    left: 12.5%;
    width: 75%;
    padding-top: 1%;
}   
    
#title {
    padding-top: 13%;
}

#mega-phone-text {
    margin-top: 7%;
}

#tilted-text-a {
    margin-top: 24%;
}

#tilted-text-b {
    margin-left: -4.3%;
    margin-top: 6.4%;
}

#family-thanks {
    margin-top: 37%;
}

footer {
    margin-left: 28%;
    margin-top: -5%;
}

}

@media screen and (max-width: 1710px){					/* 1710 for only sponsors */ 
#sponsors-text-right {
	margin-right: 21%;
}

#family-thanks {
    margin-top: 43%;
}

}

@media screen and (max-width: 1280px){                  /* Mac computer Media Query */ 
/* Navigation */ 

nav {
    position: fixed;
    transition: all 0.5s ease;
    width: 100%;
    left: 0%;
    padding-top: 2%;
    font-size: 2em;
    z-index: 10001;
}

#home-icon{
	width: 50%;
    margin-left: 25%;
}

nav li {
    display: inline-block;
}

/* Structure */
#title {
	width: 71%;
	margin-right: auto;
	margin-left: 16.8%;
	padding-top: 18%;
} 

#combined {
	width: 100%;
	position: relative;
	margin-top: -56%;
	z-index: -1;
}

#tilted-text-a {
    margin-left: 12%; 
    font-size: 2.5em;   /*dont touch this */ 
    margin-top: 22%; 
}

#event-text {
    width: 42%;
    line-height: 35px;
    letter-spacing: 1px;
    font-size: 1.2em;
    color: #ffffff;
    margin-left: 50%;
    margin-top: 20%;
}

#straight-machine {
    width: 53%;
    margin-left: 43%;
    margin-top: -2%;
}

#tilted-text-b {
    margin-left: -2%;
    margin-top: 6.3%;
    font-size: 2.8em;
}

h4 {
    font-size: 2.1em;
    letter-spacing: 4px;
    color: #ffffff;
    margin-left: 17%;
}

h5 {
    font-size: 2.1em;
    letter-spacing: 3px;
    color: #f5eb2b;
    margin-left: 17%;
}

h6 {
	font-size: 1.5em;
	margin-bottom: -2%;
}

.big-header {
    font-size: 2.8em;
}

#speechBubble {
    width: 30%;
    margin-left: 52%;
    margin-top: -15%;
}

#speakerHeader {
    margin-top: -8%;
    margin-left: -4%;
}

#connectedLines {
    margin-top: -51%;
    margin-left: -10%;
}

#speaker {
    margin-bottom: 9%;
}

#speaker-intro {
    width: 54%;
    margin-left: 19%;
}

#speaker-link {
    margin-left: 20%;
}

#seniorsHeader {
    margin-top: -33%;
}

#sponsorHeader {
	margin-left: -5%;
}

#special-thanks {
    width: 55%;
}

#sponsors-text-left {
    margin-left: 17%;
}

#sponsors-text-right {
    margin-right: 20%;
}

footer {
    margin-left: 17%;
    margin-top: -5%;
    padding-top: 3%;
    font-size: 1.5em;
}

.sponsors-icons {
    margin-left: 10%;
}

.sponsor-icons {
    width: 40%;
}

.sponsor-icons2 {
    width: 26%;
}

#special-thanks {
    width: 70%;
}

#family-thanks {
    margin-top: 57%;
    margin-left: 17%;
}

.social-media-icons {
    margin-top: 4%;
}

}

@media screen and (max-width: 1075px){					/* 1075 for only sponsors */ 
#sponsors-text-right {
	margin-right: 5%;
}

#family-thanks {
    margin-top: 68%;
}

}

@media screen and (max-width: 960px){                  /* Mac computer Media Query */ 

nav {
    position: fixed;
    transition: all 0.5s ease;
    width: 90%;
    left: 5%;
    padding-top: 2%;
    font-size: 1.5em;
}
#home-icon {
    width: 38%;
    margin-left: 31%;
}

#mega-phone-text {
    font-size: 2em;
}

#tilted-text-a {
    font-size: 2em;
}

#event-text {
    width: 43%;
}

#tilted-text-b {
    margin-left: 3%;
    margin-top: 5.3%;
    font-size: 2.5em;
    margin-bottom: 1%;
}

h4 {
	font-size:1.5em;
}

h5 {
    font-size: 1.5em;
}

h6 {
	font-size: 1em;
	margin-bottom: -3%;
}

#speaker-name {
    font-size: 3em;
}

.speaker-text {
    font-size: 1.5em;
}

#speaker {
    margin-top: -20%;
}

#speaker-intro {
    width: 62%;
    margin-left: 17%;
}

#speaker-link {
    margin-left: 18%;
}

#seniorsHeader {
    margin-top: -40%;
}

.sponsors-icons {
    margin-left: 10%;
}

.sponsor-icons {
    width: 40%;
}

#sponsors-text-left {
    margin-left: 17%;
}

#sponsors-text-right {
    margin-right: 10%;
}

h6 {
    font-size: 1.4em;
}

.sponsor-text-sub {
    font-size: 1em;
}

footer {
    margin-top: -4%;
}

.social-media-icons {
    width: 14%;
    padding-top: 5%;
}

#family-thanks {
    margin-top: 75%;
}
}

@media screen and (max-width: 815px){					/* 815 for only sponsors */ 
nav {
    width: 100%;
    left: 0%;
}
nav li a {
    font-size: .9em;
}
.home {
    width: 20%;
}
#home-icon {
    width: 26%;
    margin-left: 37%;
}
    #sponsors-text-right {
	margin-right: 1%;
}

#family-thanks {
    margin-top: 90%;
}

}

@media screen and (max-width: 600px){                   /* Tablet Media Query */ 

nav {
	padding-top: 3%;
    width: 100%;
	margin-left: 0%;
	font-size: 1.3em;
}

#home-icon {
    width: 45%;
    margin-left: 27.5%;
}

nav li {
    display: inline-block;
}

nav li a { 
    padding: 7px; 
}

/* Structure */
#title {
	width: 71%;
	margin-right: auto;
	margin-left: 16.8%;
	padding-top: 20%;
} 

#combined {
	width: 100%;
	position: relative;
	margin-top: -55%;
	z-index: -1;
}

#straight-machine {
    width: 75%;
    margin-left: 12%;
    margin-top: -2%;
}

#speechBubble {
	width: 30%;
    margin-left: 61%;
    margin-top: -5%;
    z-index: -1;
}

footer {
	margin-left: 5%;
    margin-top: 3%;
    padding-top: 3%;
    font-size: 1.5em;
}

/* Typography */ 

h2 {
	font-size: .8em;
	margin-left: 13.3%; 
}

h4 {
	font-size: 1.2em;
	letter-spacing: 4px;
	margin-left: 5%;
}

h5 {
	font-size: 1em;
	letter-spacing: 3px;
	margin-left: 5%;
}

h6 {
	font-size: 1em;
	margin-bottom: -5%;
}

#mega-phone-text{
	font-size: 1.3em;
	margin-left: 49%;
	margin-top: 5%;
}

#tilted-text-a {
    margin-left: 16%; 
    font-size: 1.2em;   
    margin-top: 20%; /* 13 puts the line where it should be */ 
}

#tilted-text-b {
    margin-left: 10.7%;
    margin-top: 7.4%;
    margin-bottom: 10%;
    font-size: 3.8em;
}

#event-text {
    width: 70%;
    line-height: 25px;
    font-size: 1em;
    margin-left: 16%;
    margin-top: 15%;
}

#event-info {
	margin-top: -60%;
	margin-left: 45%;
	color: #ffffff;
}

#event-info a {
	color: #fff;
}

#connectedLines{
	width: 105%;
    z-index: -2;
    margin-top: -55%;
    margin-left: -4%;
}

.title-small {
	font-size:.5em;
	margin-left: 9.8%;
	margin-bottom: -1%;
}

.big-header {
	font-size: 3.8em;
}

#speaker-mobile {
	margin-left: 27%;
}

#speaker-mobile-small {
	margin-left: 24%;
}

#special-thanks {
	font-size: 1.5em;
	letter-spacing: 1px;
	width: 90%;
	padding-top: 10%;
	padding-bottom: 1.5%;
}

#sponsors-text-left {
	float: left; 
	line-height: 40px;
	margin-left: 5%;
}

#sponsors-text-right {
	float: right;
	line-height: 40px;
	margin-right: 5%;
}

.breakline { /* Creates a breakline for extra long h6 */ 
	margin-top: -10%;
	display: block;
}

#speaker {
	margin-top: -18%;
	margin-left: -11%;
	margin-bottom: 11%;
}

.speaker-text {
	font-size: 1.7em;
	letter-spacing: 1px;
}

#speaker-name {
	font-size: 2.2em;
	margin-top: -20%;
	margin-left: 7%;
}

#speaker-descript {
	font-size: 1em;
	margin-left: 6%;
}

#speakerHeader {
	margin-left: -1%;
	margin-top: -1%;
}

#speaker-intro { 
    width: 75%;
    line-height: 20px;
    letter-spacing: 1px;
    font-size: 1em;
    margin-top: -1%;
    margin-left: 14%;
    margin-bottom: 10%; 
    
}

#speaker-link {
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1.5em;
    margin-left: 15%;
    margin-bottom: 10%;
}

#seniorsHeader {
	margin-top: -45%;
    margin-left: -7%;
    margin-bottom: 5%;
}

.sponsor-text-sub {
	font-size: .8em;
	line-height: 20px;
	letter-spacing: 2px;
} 

.sponsors-icons {
	margin-left: 4%;
}
.sponsor-icons {
	width: 47%;
	padding: 1%;
}

#social-media {
	width: 48%;
	margin-top: 5%;
}

#family-thanks {
    font-size: 1.3em;
    margin-left: 5%;
    margin-top: 92%;
}

@media screen and (max-width: 480px){                   /* Mobile Media Query */ 
/* Navigation */ 

nav {
	padding-top: 3%;
    margin-left: 1%;
    font-size: 1em;
    width: 98%;
}

#home-icon{
    width: 50%;
    margin-left: 25%;
}

nav ul {
    width: 90%;
    margin-left: 5%;
}
    
nav li {
    display: inline-block;
}

nav li a { 
    padding: 7px; 
}

/* Structure */
#title {
	width: 71%;
	margin-right: auto;
	margin-left: 16.8%;
	padding-top: 22%;
} 

#combined {
	width: 100%;
	position: relative;
	margin-top: -57%;
	z-index: -1;
}

#balloons {
	margin-top: 10%;
	margin-left: 1%;
	width: 25%;
}

#straight-machine { 
    width: 84%;
    margin-left: 8%;
	margin-top: -2%;
}

#speechBubble {
	width: 30%;
	margin-left: 61%;
	margin-top: -2%;
}

#mustache{
	width: 35%;
	margin-left: 59%;
	margin-top: -17%;
}

footer {
	margin-left: 4%;
	margin-top: 1%;
	font-size: 2em;
}

#social-media {
	width: 77%;
	margin-top: 4%;
}

.social-media-icons {
	width: 16%;
	padding: 2%;
}

#facebook {
	margin-left: -2%;
}

/* Typography */ 

h2 {
	font-size: .6em;
	margin-left: 13.3%; 
}

h4 {
	font-size: 1.2em;
	letter-spacing: 4px;
	margin-left: 5%;
}

h5 {
	font-size: 1em;
	letter-spacing: 3px;
	margin-left: 5%;
}

h6 {
	font-size: 1em;
    margin-bottom: -5%;
}

#mega-phone-text{
	font-size: 1em;
	margin-left: 49%;
	margin-top: 5%;
}

#tilted-text-a {
    margin-left: 16%; 
    font-size: 1.2em;   
    margin-top: 20%; /* 13 puts the line where it should be */ 
}

#tilted-text-b {
	margin-left: 11.7%;
    margin-top: 7.4%;
    margin-bottom: 10%;
    font-size: 3.8em;  
}

#event-text {
	width: 70%;
	line-height: 25px;
	font-size: 1em;
	margin-left: 17%;
	margin-top: 15%; /* use this and the margin on balloon to adjust side text position */ 
}

#event-info {
	margin-top: -60%;
	margin-left: 45%;
}

.moon-and-stars {
	display: none;
}

#connectedLines{
    width: 115%;
    z-index: -2;
    margin-top: -56%;
    margin-left: -11%;
}

.title-small {
	font-size:.4em;
	margin-left: 9.8%;
	margin-bottom: -1%;
}

.big-header {
	font-size: 3.8em;
}

#speaker-mobile {
	margin-left: 27%;
}

#speaker-mobile-small {
	margin-left: 24%;
}

#special-thanks {
	font-size: 1.2em;
	letter-spacing: 1px;
	width: 90%;
	padding-top: 10%;
	padding-bottom: 1.5%;
}

#sponsors-text-left {
	float: left; 
	line-height: 40px;
	margin-left: 5%;
}

#sponsors-text-right {
	float: right;
	line-height: 40px;
	margin-right: 5%;
}

.breakline { /* Creates a breakline for extra long h6 */ 
	margin-top: -10%;
	display: block;
}

#speaker {
	margin-top: -18%;
	margin-left: -11%;
	margin-bottom: 15%;
}

.speaker-text {
	font-size: 1.7em;
	letter-spacing: 1px;
}

#speaker-name {
	font-size: 1.5em;
	margin-top: -22%;
	margin-left: 7%;
}

#speaker-descript {
	font-size: 1em;
	margin-left: 7%;
}

#speakerHeader {
	margin-left: -5%;
	margin-top: -2%;
}

#speaker-intro { 
    width: 79%;
    line-height: 20px;
    letter-spacing: 1px;
    font-size: 1em;
    margin-top: -1%;
    margin-left: 12%;
    margin-bottom: 10%; 
    
}

#speaker-link {
	font-family: 'Helvetica', 'Arial', 'sans-serif';
	font-size: 1em;
    margin-left: 13%;
    margin-bottom: 10%;
}

#seniorsHeader {
	margin-top: -25%;
	margin-left: -7%;
	margin-bottom: 0%;
}

.sponsor-text-sub {
	font-size: .8em;
	line-height: 20px;
	letter-spacing: 2px;
} 

.sponsors-icons {
	margin-left: 16%;
}
.sponsor-icons {
	width: 75%;
	padding: 1%;
}

.sponsor-icons2 {
    width: 52%;
    padding-top: 10%;
}

#family-thanks{
    font-size: 1em;
    margin-top: 117%;
    margin-left: 5%;
}

}

@media screen and (max-width: 435px){
nav {
    width: 100%;
}
#sponsors-text-right {
    margin-right: 56%;
}

#family-thanks {
    margin-top: 237%;
}

@media screen and (max-width: 327px){ 

nav {
    padding-top: 3%;
    margin-left: -24%;
    font-size: 0.4em;
    width: 83%;
}

#home-icon {
    width: 59%;
}

#mega-phone-text {
    font-size: 0.5em;
}

#tilted-text-a {
    font-size: 0.5em;
     margin-top: 22%;
}

.social-media-icons {
    width: 22%;
}

#event-text {
    width: 71%;
    font-size: 0.8em;
}

#event-info {
    margin-top: -66%;
    margin-left: 42%;
}

h5 {
    font-size: 0.5em;
    letter-spacing: 3px;
    margin-left: 5%;
}

h4 {
    font-size: 0.5em;
    letter-spacing: 4px;
    margin-left: 5%;
    margin-top: 7%;
}

#connectedLines {
    width: 123%;
    z-index: -2;
    margin-top: -62%;
    margin-left: -11%;
}

#speaker-name {
    font-size: 1em;
    margin-top: -22%;
    margin-left: 7%;
}

#speaker-descript {
    font-size: 0.1em;
    margin-left: 7%;
}

#speaker-intro, #speaker-link  {
    font-size: 0.8em;
}

#seniorsHeader {
    margin-top: -36%;
    margin-left: -7%;
}

#sponsors-text-right {
    float: left;
    line-height: 40px;
    margin-left: 5%;
}

#family-thanks {
    font-size: 1em;
    width: 67%;
    margin-top: 485%;
    margin-left: 5%;
}
.full-bio {
	font-size: 1.0em;
	}

}