/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
	font-size: 16px;
	font-family: 'Nunito', sans-serif;
	font-weight: 600;
	color: #000;
	background-color: #fff;
}

main {
	margin: 10%;
	text-align: center;
}

header img {
    padding-bottom: 60px;
	width: 30%;
}

.border img {
  width: 100%;
  padding: 50px 0;
}

.desc h1 {
	font-size: 2em;
	font-weight: 700;
	color: #e70a2a;
	letter-spacing: 0.063em;
}

.desc p {
	font-size: 1em;
	letter-spacing: 0.063em;
    text-align: left;
}

.social {
	padding-top: 30px;
}

.social p {
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.063em;
}

ul {

}

li {
	margin-left: -45px;
    text-align: left;
    padding-bottom: 10px;
}

.social img {
	width: 50%;
}

footer {
	background-color: #000000;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	font-size: .625em;
	line-height: 1.75em;
	letter-spacing: .063em;
	text-transform: uppercase;
	margin-top: 80px;
}

footer a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}

footer img {
	width: 8%;
    padding-bottom: 15px;
}

.footerlinks {
	text-decoration: none;
	padding-top: 2px;
}

/* MEDIA QUERIES */

/* MEDIA QUERIES */
@media (min-width: 600px) and (max-width: 1024px){

    main {
        width: 80%;
    }

@media only screen and (max-width: 600px) { 
   
   	html, body {
   		margin: 0;
   		padding: 0;
   	}

   	main {
   		width: 85%;
   	}

   	header img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 50%;
    }

    .border img {
      width: 100%;
      padding: 0;
    }

   	.desc h1 {
   		font-size: 1.5em;
      padding-top: 10px;

   	}

   	.desc p {
   		font-size: 0.938em;
   	}
   	.social p {
   		font-size: 1em;
   	}

    footer {
      margin-top: 60px;
    }

   	footer img {
   		width: 4%;
   	}

}

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; 
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}