/* scss for JohnDCowan.com */
/* to compile scss to css: >> sass main.scss:main.css */
/* sass files */
/* stylesheet colors */
/** GREY  **/
/** RED **/
/** BLUE **/
/** BASIC COLORS **/
/** YELLOWS **/
/** CREAM / WHEAT **/
/* was #f9e7cb; */
/* wheat */
/* these mimic Foundations media queries */
/* Mobile - smaller phone viewpoints */
/* */
@media screen and (min-width: 320px) {
  .large-screen {
    display: none; }

  .mobile-screen {
    display: block; } }
/* Mobile - small devices and small phones */
/* */
@media screen and (min-width: 481px) {
  .large-screen {
    display: none; }

  .mobile-screen {
    display: block; } }
/* Small devices */
@media only screen and (min-width: 600px) {
  .large-screen {
    display: none; }

  .mobile-screen {
    display: block; } }
/* Most tablets */
/* */
@media screen and (min-width: 768px) {
  .large-screen {
    display: none; }

  .mobile-screen {
    display: block; } }
/* Desktops: smaller desktop viewpoints */
/* */
@media screen and (min-width: 992px) {
  .large-screen {
    display: block; }

  .mobile-screen {
    display: none; } }
/* Desktops: smaller desktop viewpoints */
/* */
@media screen and (min-width: 1025px) {
  .large-screen {
    display: block; }

  .mobile-screen {
    display: none; } }
/* Desktops with large screens and wide screens */
/* */
@media screen and (min-width: 1200px) {
  .large-screen {
    display: block; }

  .mobile-screen {
    display: none; } }
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .large-screen {
    display: block; }

  .mobile-screen {
    display: none; } }
body {
  background-color: #666;
  padding-left: 20px;
  font-family: Georgia, Arial, "Sans Serif"; }

.page-content {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fffff4;
  color: #0C2340; }

/***** BUTTONS *******/
.button {
  border: 1px solid #0C2340;
  color: #0C2340;
  background-color: #ffffcc;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer; }

.banner {
  border-top: 8px solid #369;
  text-align: center;
  background-color: #ffffcc; }

.banner-name {
  background-color: #ffffcc;
  border-top: 4px solid #369;
  border-bottom: 4px solid #369;
  font-size: 1.2em;
  text-align: center;
  margin: auto;
  width: 100%; }

.banner-image {
  text-align: center; }

.banner-text {
  font-style: italic;
  text-align: center;
  font-size: 1em; }

.footer {
  background-color: #ffffcc;
  border-top: 8px solid #369;
  border-bottom: 8px solid #369;
  text-align: center;
  margin: auto;
  width: 100%; }

/** PARAGRAPHS **/
p {
  font-size: 1.2em;
  font-family: Georgia, Arial, "Sans Serif"; }

/** BORDERS **/
.border-left {
  border-right: 2px solid #000; }

.border-top {
  border-top: 2px solid #000; }

.border-right {
  border-right: 2px solid #000; }

.border-bottom {
  border-bottom: 2px solid #000; }

ul li {
  margin-bottom: 8px; }

/** LINKS **/
a:link {
  text-decoration: none;
  color: #369; }

a:visited {
  text-decoration: none;
  color: #369; }

a:hover {
  text-decoration: none;
  color: #000;
  background-color: #b31b1b;
  /* cornell red */ }

/** NAVS **/
.navs {
  width: 80%;
  margin: auto;
  background-color: #ffffcc;
  text-align: center;
  text-decoration: none;
  color: #ff0000; }

/** NAV LINKS **/
.navs a:link {
  text-decoration: none;
  color: #369; }

.navs a:visited {
  color: #369; }

.navs a:hover {
  /* font-size: 1em; */
  font-weight: bold; }

.clear {
  clear: both; }

.center {
  text-align: center; }

.centered {
  text-align: center; }

.red {
  color: #b31b1b; }

/** ERRORS & WARNINGS **/
.red-notice {
  color: #b31b1b; }

.error {
  color: #b31b1b; }

/** FORMS **/
.btn_submit {
  font-size: 1.3 em;
  font-weight: bold; }

label {
  font-size: 1.1em;
  font-family: Georgia, Arial, "Sans Serif"; }

form {
  width: 80%; }

/** NYY BLUE **/
.yankee_blue {
  color: #0C2340; }

/*# sourceMappingURL=main.css.map */