/* 
File Name: medialaya.css
Date: 1/22/20
Programmer: Jason Elstrott
*/

.wrapper {
    padding: 0% 5% 0% 5%;/* top right bottom left */
    overflow: hidden;
    max-width: 1600px;
}



body {
    font-family: 'Montserrat', sans-serif;
    height: 100%;
    background: #3d2929;
    font-size: 1.8em;
    font-size: 1.8vw;
    color: #eefecd;
}

a {
    color: #dfff80;

}
      a:link {
      color: #dfff80;
      }
      /* visited link */
      a:visited {
      color: #dfff80;
      }
      /* mouse over link */
      a:hover {
      color: #dfff80;
      }
      /* selected link */
      a:active {
      color: #dfff80;
}

h1 {
    font-family:'Erica One', sans-serif;
    margin: auto;
    text-align: center;
    font-size: 10vw;
    color: #dfff80;

}

h2 {
    font-family:'Luckiest Guy', sans-serif;
    margin: auto;
    text-align: center;
    font-size: 4vw;
    color: #e7ffb3;
}


h3 {
    font-family:'Open Sans Condensed', sans-serif;
    margin: auto;
    text-align: center;
    font-size: 4vw;
    color: #e7ffb3;
}

h4 {
    font-family:'Open Sans', sans-serif;
    margin: auto;
  	font-size: 2em;
    font-size: 3.5vw;
    font-weight: bold;
    color: #dfff80;
}

h5 {
    font-family:'Open Sans', sans-serif;
    margin: auto;
    font-size: 1.8em;
    font-size: 2.8vw;
    font-weight: bold;
    color: #dfff80;
}

.clear {
   clear: both;
}

.header {
	width: 80%;
	text-align: left;
	float: left;
}

.responsivelogo {
  height: auto;
  float: left;
  width: 10%;
  padding: 0px 0px 20px 20x; /* top right bottom left */
}

.responsive {
  width: 30%;
  height: auto;
  float: left;
  padding: 0px 25px 30px 30px; /* top right bottom left */
}

	
@media (max-width: 450px) {

h1 {
	font-size: 3em;
  font-size: 9vw;
}

td, th { padding: .1em; }

.header {

	 text-align: center;}
	 
body {
    font-size: 2.5vw;

}


		}