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

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
        clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:0!important;

	}

}

/* FONTS*/

@font-face{
    font-family:'Museo100';
    src:url('fonts/museo100-regular-webfont.eot');
    src:url('fonts/museo100-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/museo100-regular-webfont.woff') format('woff'),
        url('fonts/museo100-regular-webfont.ttf') format('truetype'),
        url('fonts/museo100-regular-webfont.svg#museo_100regular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Museo300';
    src:url('fonts/museo300-regular-webfont.eot');
    src:url('fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/museo300-regular-webfont.woff') format('woff'),
        url('fonts/museo300-regular-webfont.ttf') format('truetype'),
        url('fonts/museo300-regular-webfont.svg#museo_300regular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Museo500';
    src:url('fonts/museo500-regular-webfont.eot');
    src:url('fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/museo500-regular-webfont.woff') format('woff'),
        url('fonts/museo500-regular-webfont.ttf') format('truetype'),
        url('fonts/museo500-regular-webfont.svg#museo_500regular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Museo700';
    src:url('fonts/museo700-regular-webfont.eot');
    src:url('fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/museo700-regular-webfont.woff') format('woff'),
        url('fonts/museo700-regular-webfont.ttf') format('truetype'),
        url('fonts/museo700-regular-webfont.svg#museo_700regular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Museo900';
    src:url('fonts/museo900-regular-webfont.eot');
    src:url('fonts/museo900-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/museo900-regular-webfont.woff') format('woff'),
        url('fonts/museo900-regular-webfont.ttf') format('truetype'),
        url('fonts/museo900-regular-webfont.svg#museo_900regular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face{
    font-family:'ALoveOfThunder';
    src:url('fonts/a_love_of_thunder-webfont.eot');
    src:url('fonts/a_love_of_thunder-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/a_love_of_thunder-webfont.woff') format('woff'),
        url('fonts/a_love_of_thunder-webfont.ttf') format('truetype'),
        url('fonts/a_love_of_thunder-webfont.svg#a_love_of_thunderregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face{
    font-family:'BowlbyOneSC';
    src:url('fonts/bowlbyonesc-regular-webfont.eot');
    src:url('fonts/bowlbyonesc-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/bowlbyonesc-regular-webfont.woff') format('woff'),
        url('fonts/bowlbyonesc-regular-webfont.ttf') format('truetype'),
        url('fonts/bowlbyonesc-regular-webfont.svg#bowlby_one_scregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

h1 {
	font-family: Museo900;
	min-height:20px;
	color:white;
	font-size:50px;
	text-align:center;
	text-transform:uppercase;
}

h2 {
	font-family: Museo900;
	min-height:15px;
	color:black;
	font-size:41px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
}

h3 {
	font-family: Museo900;
	min-height:15px;
	color:purple;
	font-size:41px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
}

p{
	color:black;
	text-decoration: none;
	font-family: Museo100;
	font-size:18px;
}	

/* BACKGROUNS */



.bg1 {
    background-color: #BAF012;
	min-height: 75px;

}
.bg2 {
    background-color: #12F0D2;
	  min-height: 100px;
}

img {
  max-width: 100%;
}

.responsive {
  width: 100%;
  max-width: 600px;
  height: auto;
}

input[type=text] {
  width: 80%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}

select {
  width: 80%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}

.options {
  width: 80%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}

.select-css {
  width: 80%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}

input[type=submit] {
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  font-family: Museo100;
  font-size:18px;
}

/* unvisited link */
a:link {
  color: red;
  	text-decoration: none;
	font-family: Museo100;
	font-size:18px;
}

/* visited link */
a:visited {
  color: green;
  	text-decoration: none;
	font-family: Museo100;
	font-size:18px;
}

/* mouse over link */
a:hover {
  color: hotpink;
  	text-decoration: none;
	font-family: Museo100;
	font-size:18px;
}

/* selected link */
a:active {
  color: blue;
  	text-decoration: none;
	font-family: Museo100;
	font-size:18px;
}