@import url('https://fonts.googleapis.com/css?family=Signika+Negative');
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');


html {
    background: none;
}

body {
    width:100%;
    color:#333;
    line-height: 1.5;
    font-family: 'Lato', sans-serif; 
    background-color: rgb(255, 255, 250);
/*    background-image: url(meinpink.jpg)*/
}

section {
    width: 85%;
    margin:20px auto ;
    padding-top: 40px;
    min-height: 300px;
    
}

#name {
  min-height: 0px !important; 
  padding-top:5px;
}

h1, h2 {
    font-family: 'Signika Negative', sans-serif; 
    font-size: 22px;
    letter-spacing: 0.75px;
}



h2{

    font-weight: 300;
    padding-bottom: 20px;
    letter-spacing: 0;
    padding-top: 0;
    max-width: 680px;

}


span {
    font-family: 'Lato', sans-serif; 
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1px;
    padding-bottom: 2px;
}


#art a, #art span  {
    color:rgb(255, 124, 104);
    
}
#art a:hover,#art span {
    border-bottom: 1px solid rgb(255, 124, 104);
}

#teams a, #teams span {
    color:#40a256;
}

#teams a:hover, #teams span{
    border-bottom: 1px solid #40a256;
}

#tech a, #tech span {
    color:#7767ac;
}

#tech a:hover,#tech span{
    border-bottom: 1px solid #7767ac;
}

ul {
    font-family: 'Lato', sans-serif; 
    list-style: none; 
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.3px;
    padding-left: 0px;
    max-width: 580px;
}

li {
  list-style: decimal;
  line-height: 1.75;
  padding-bottom: 8px;
padding-top: 8px;
  max-width: 580px;

  
}

ul.steps{
 padding-top: 0px;  
 padding-bottom: 0px;
    font-size: 14px;
}

.steps{
 margin-top: 15px;  
 margin-bottom: 15px;
}

a {
    text-decoration: none;
    padding-bottom: 2px;
    color:black;
}



nav {
    margin-top: -15px; 
    color:#a0a0a0;
    font-size: 14px;

}

nav a {
    letter-spacing: 0.3px; 
    color:white;
    font-weight: 700;

}

a.art {
    color:rgb(255, 124, 104);

}

a.teams {
    color:#40a256;

}
a.tech {
    color:#7767ac;
   
}

p {
  line-height: 1.75; 
  padding-top:15px;
  max-width: 600px;
}


img{
    max-width: 100%;
    padding-bottom: 5px;
}

/*
.thumbs {
    max-width: 100%;   
}

.thumbs img{
    padding-top: 20px;
}
*/

.caption{
    font-size: 14px;
    color:#555;
    font-style: italic;
    padding-top: 0px !important;
    margin-top: 0px;
    max-width: 500px;
    float:none;
    letter-spacing: 0.3px;
}


@media screen and (min-width: 700px){
    section {
    width: 70%;
    margin:30px auto ;
    padding-top: 50px;
    min-height: 300px;
    
}
    
    #name {
   min-height: 0px !important; 
   padding-top:40px;
}

img {
    max-width: 600px;
}
    
ul.steps{
    padding-left: 40px;
    padding-top: 0px;
    max-width: 500px;    
}
/*
    
.thumbs {
    width: 600px;   
    padding-bottom: 10px;

}
    
.thumbs img{
        max-width:180px;
        padding-left:5px;
        padding-top: 5px;
        float:left;
}
    
.caption{
}
*/
}