@font-face {
 font-family: "Gordita";
 src: url("/Gordita-Regular.woff2") format("woff2"),
      url("/Gordita-Regular.woff") format("woff"),
      url("/Gordita-Regular.ttf") format("truetype"),
      url("/Gordita-Regular.eot") format("opentype");
}


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

body {
	background-color: #EFD0CD;
	font-family: "Gordita";
	font-size: 36px;
}

h1 {
	font-family: "Gordita";
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 42px;
	color: #191919;
}

div {
  	height: 400px;
  	text-align: center;
  	padding-left: 64px;
	padding-right: 64px;
	padding-top: 100px;
	padding-bottom: 100px;
	line-height: 200%;
}

#one {
  	font-style: italic;
  	text-align: center;
  	font-size: 38px;
  	padding-left: 64px;
	padding-right: 64px;
}

#two {
  	text-align: center;
  	font-size: 72px;
  	padding-left: 64px;
	padding-right: 64px;
}

.styled {
    border: 0;
    line-height: 2.5;
    padding: 0 20px;
    font-size: 3rem;
    text-align: center;
    color: #191919;
    border-radius: 10px;
    background-color: #FFFFFF;
    font-family: "Gordita";
}

.styled:hover {
    background-color: #faec3b;
}

.styled:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}
}


@media only screen and (min-width: 1130px) {
body {
	background-color: #EFD0CD;
	font-family: "Gordita";
	font-size: 36px;
}

h1 {
	font-family: "Gordita";
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #191919;
}

div {
  	height: 300px;
  	text-align: center;
  	padding-left: 64px;
	padding-right: 64px;
	line-height: 200%;
}

#one {
  	font-style: italic;
  	text-align: center;
  	font-size: 32px;
  	padding-left: 64px;
	padding-right: 64px;
}

#two {
  	text-align: center;
  	font-size: 32px;
  	padding-left: 64px;
	padding-right: 64px;
}


.styled {
    border: 0;
    line-height: 2.5;
    padding: 0 10px;
    font-size: 2rem;
    text-align: center;
    color: #191919;
    border-radius: 10px;
    background-color: #FFFFFF;
    font-family: "Gordita";
}

.styled:hover {
    background-color: #faec3b;
}

.styled:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}
}