body {

  /*background: linear-gradient(90deg, white, gray);*/

  background-color: #eee;

  padding:0;

  margin:0;

}



body, h1, h2, p, label {

  /* font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif; */

  /* font-weight: normal; */

	font-family: 'Antic Slab', serif;

}



@font-face { 

   font-family: 'Avenir'; 

   src: url('AvenirLTStd-Book.otf') format("opentype");

}



@font-face { 

   font-family: 'Avenir';

   font-weight:bold;

   src: url('AvenirLTStd-Roman.otf') format("opentype");

}



h1 {

  font-size: 48px;

  font-weight: 300;

}



.top-foto {

    position: absolute;

    z-index: -1;

    width: 100%;

    height: 315px;

    overflow: hidden;

	padding:0px;

}

.top-foto > img {

    margin: 0 auto;

    display: block;

    max-width: inherit;

}



div.main-row {

	max-width:1200px;

	margin:auto;

	padding:5px;

}







div.colos {

	padding:0px;

	margin:auto;

	margin-top:5px;

	margin-bottom:5px;

}



div.main-col {

	margin:5px;

	padding:20px;

}



div.tagline {

	padding-left:10px;

	margin-bottom:-5px;

}



div.tagline p {

	display:inline-block;

	font-family: 'Antic Slab', serif;

	font-size:25px;

	margin-top:-3px;

}



div.each-row {

	max-width:100%;

	margin:5px;

}



div.about {

	background:#E6E7E9;

	margin:10px;

	padding:20px;

	text-align:center;

	height:95%

}





div.sidebar {

	margin:5px;

	padding:20px;

	margin-top:25px;

	background:#13324f;

	color:white;

}





div.tagline img {

	display:inline-block;

	height:30px;

	vertical-align:top;

}



div.projects-page-row {

	max-width:1400px;

	margin:auto;

	padding:5px;

}



div.projects {

	padding:10px;

}



img.icon-high {

	height:40px;

	margin-top:-60px;

}



img.icon {

	height:40px;

}



img.project-img {

	max-height:300px;

	border-radius:25px;

	display:block;

	margin:auto;

	max-width:100%;

	border:solid #13324f 10px;

}



/* #################### */

/* ## Tutorial Stuff ## */

/* #################### */



div.project-row {

	max-width:1200px;

	margin:auto;

	padding:5px;

}



div.ptc {

	margin:5px;

	padding:20px;

}



div.ptc h1 {

	font-family:"Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;

	font-weight: 300;

	font-size:48px;

}



div.ptc h3 {

	font-weight: 300;

	font-size:34px;

}



div.ptc p {

	font-size:18px;

	font-family:Avenir;

}



ul.parts li {

	font-family: 'Antic Slab', serif;

	font-size:20px;

}



pre.prettyprint {

border-radius:5px;

display:block;

font-size:16px;

overflow:auto;

padding:4px 8px;

border:1px solid #888;

background:#eee;

margin:40px;

margin-left:0;

max-height:400px;

}



pre.code {

border-radius:5px;

display:inline;

font-size:16px;

overflow:auto;

padding: 0 2px;

border:1px solid #888;

background:#eee;

margin-left:-5px;

max-height:400px;

}



div.instructions p {

	padding-top:20px;

}



 div.instructions p.extra {

	font-family: 'Antic Slab', serif;

	font-size:20px;

}



div.extra {

	background:#E6E7E9;

	padding:30px;

}



div.extra p {

	padding:0px;

	font-family: 'Antic Slab', serif;

	font-size:20px;

}





div.connections ul {

	list-style:none;

	padding:0px;

	font-family: 'Antic Slab', serif;

	font-size:20px;

}



div.c-l {

	margin-left:30px;

	text-align:right;

	padding:10px;

	display:inline-block;

}



div.c-m {

	text-align:center;

	padding:10px;

	display:inline-block;

}



div.c-r {

	text-align:left;

	padding:10px;

	display:inline-block;

}



img.item-image {

	width:60%;

	display:block;

	margin:auto;

}



/* Get in touch */



input[type=button], input[type=submit], input[type=reset] {

    background-color: #3282e6;

    border: none;

    color: white;

    padding: 12px 20px;

    text-decoration: none;

    margin: 4px 2px;

    cursor: pointer;

	border-radius:3px;

	font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;

	font-weight: normal;

	font-size:14px;

}



input.lefter {

	float:right;

}



label {

	font-weight:500;

}





/* Footer */



div.footer {

	width:100%;

	background-color:#343A40;

	color:white;

	margin-top:100px;

}



div.foot-row {

	margin:auto;

	font-family: "Chronica W01 Bold", Helvetica, Arial, sans-serif;

}



div.foot-row a {

	color:white;

}



div.foot-row a:hover {

	color:#D0D0D0;

	text-decoration:none;

}



div.contact {

	margin:auto;

	padding:40px;

	margin-top:5px;

}



div.contact p {

	padding:0px;

	margin:0px;

}



div.contact hr {

	background-color:white;

}