@font-face {
    font-family: 'lemonmilkregular';
    src: url('fonts/lemonmilk-webfont.woff2') format('woff2'),
         url('fonts/lemonmilk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'geosanslightregular';
    src: url('fonts/geosanslight-webfont.woff2') format('woff2'), url('fonts/geosanslight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.clear {
    clear: both;
}
html,
body {
    margin: 0;
    padding: 0;
    background-color: white;
}
.skyline {
    width: 100%;
    margin: 0;
    padding: 0;
}
h1 {
    font-family: 'lemonmilkregular', sans-serif;
    font-size: 7.5vw;
    margin: 0 4%;
    padding-bottom: 3vw;
}


.artistbox{
    position: relative;
    width: 65%;
    margin: 0 auto;
    padding-bottom: 25vw;
}

img {
    width: 100%;
    display: block;
}

#year {
   font-family: 'geosanslightregular',sans-serif;
    margin: 0; 
    position: relative;
    bottom:5vw;
    font-size: 5vw;
    left: 14vw;
    }
#artists{
     font-family: 'lemonmilkregular',sans-serif;
    font-size: 5vw;
    background-color: #353d75;
    width: 35%;
    text-align: center;
    padding: 1%;
    margin: 0;
    position: relative;
    bottom: 20vw;
    left: 8vw;
    
}
.group {
    width: 65%;
    margin:auto;
    padding-bottom: 7vw;
    }

hr.style2 {
	border-top: 8vw double #353d75;
    padding-bottom:7vw;
}

#pollockname {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;
    font-size: 4vw;
    width: 60%;
    position: absolute;
    text-align: center;
    top: 1vw;
    right: -8vw;
     padding: 1vw;
}

#pollocktext {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;
    font-size: 1.75vw;
    width: 80%;
    position: absolute;
    bottom: 10vw;
    left: -8vw; 
    padding: 2.5vw;
}

#motherwellname {
    font-family: 'geosanslightregular';
    background-color: #353d75;
    font-size: 4vw;
    width: 70%;
    position: absolute;
    text-align: center;
    top: 1vw;
    left: -8vw;
     padding: 1vw;
}

#motherwelltext {
    font-family: 'geosanslightregular';
    background-color: #353d75;
    font-size: 1.75vw;
    width: 80%;
    position: absolute;
    bottom: 10vw;
    right: -8vw;  
    padding: 2vw;
}

#kooningname {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 4vw;
    width: 70%;
    position: absolute;
    text-align: center;
    top: 1vw;
    right: -8vw;
     padding: 1vw;
}

#kooningtext {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 1.75vw;
    width: 80%;
    position: absolute;
    bottom: 13vw;
    left: -8vw;  
    padding: 2vw;
}

#gottliebname {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 4vw;
    width: 60%;
    position: absolute;
    text-align: center;
    top: 1vw;
    left: -8vw;
     padding: 1vw;
}

#gottliebtext {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 1.75vw;
    width: 70%;
    position: absolute;
    bottom: 10vw;
    right: -8vw;  
    padding: 2vw;
}
#reinhartname {
    font-family: 'geosanslightregular';
    background-color: #a60e0b;
    font-size: 4.5vw;
    width: 60%;
    position: absolute;
    text-align: center;
    top: 1vw;
    right: -8vw;
    padding: 1vw;
}

#reinharttext {
    font-family: 'geosanslightregular';
    background-color: #a60e0b;
    font-size: 1.5vw;
    width: 80%;
    position: absolute;
    bottom: 30vw;
    left: -8vw;  
    padding: 2vw;
}

#stillname {
    font-family: 'geosanslightregular';
    background-color: #223987;
    font-size: 4.5vw;
    width: 60%;
    position: absolute;
    text-align: center;
    top: 1vw;
    left: -8vw;
     padding: 1vw;
}

#stilltext {
    font-family: 'geosanslightregular';
    background-color: #223987;
    font-size: 1.75vw;
    width: 80%;
    position: absolute;
    bottom: 15vw;
    right: -8vw;  
    padding: 2vw;
}

#sternename {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 4.5vw;
    width: 60%;
    position: absolute;
    text-align: center;
    top: 1vw;
    right: -8vw;
     padding: 1vw;
}

#sternetext {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 1.75vw;
    width: 80%;
    position: absolute;
    bottom: 14vw;
    left:  -8vw;  
    padding: 2vw;
}
#newmanname {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 4.5vw;
    width: 60%;
    position: absolute;
    text-align: center;
    top: 1vw;
    left: -8vw;
     padding: 1vw;
}

#newmantext {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 1.75vw;
    width: 70%;
    position: absolute;
    bottom: 15vw;
    right: -8vw;  
    padding: 2vw;
}
#rothkoname {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;;
    font-size: 4.5vw;
    width: 60%;
    position: absolute;
    text-align: center;
    top: 1vw;
    right: -8vw;
     padding: 1vw;
}

#rothkotext {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;
    font-size: 1.75vw;
    width: 80%;
    position: absolute;
    bottom: 15vw;
    left: -8vw;  
    padding: 2vw;
}


#dartname {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 4.5vw;
    width: 80%;
    position: absolute;
    text-align: center;
    top: 1vw;
    left: -8vw;
     padding: 1vw;
}

#darttext {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 1.75vw;
    width: 80%;
    position: absolute;
    bottom: 15vw;
    right: -8vw;  
    padding: 2vw;
}

#baziotesname {
    font-family: 'geosanslightregular';
    background-color: #516ea8;
    font-size: 4.5vw;
    width: 60%;
    position: absolute;
    text-align: center;
    top: 1vw;
    right: -8vw;
     padding: 1vw;
}

#baziotestext {
    font-family: 'geosanslightregular';
    background-color: #516ea8;
    font-size: 1.75vw;
    width: 80%;
    position: absolute;
    bottom: 12vw;
    left: -8vw;  
    padding: 2vw;
}

#tomlinname {
     font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 4.5vw;
    width: 80%;
    position: absolute;
    text-align: center;
    top: 1vw;
    left: -8vw;
     padding: 1vw;
}

#tomlintext {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 1.75vw;
    width: 80%;
    position: absolute;
    bottom: 15vw;
    right: -8vw;  
    padding: 2vw;
}

#brooksname {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 4.5vw;
    width: 60%;
    position: absolute;
    text-align: center;
    top: 1vw;
    right: -8vw;
     padding: 1vw;
}

#brookstext {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 1.75vw;
    width: 80%;
    position: absolute;
    bottom: 15vw;
    right: -8vw;  
    padding: 2vw;
}


#ernestname {
    font-family: 'geosanslightregular';
    background-color: #a60e0b;
    font-size: 4.5vw;
    width: 60%;
    position: absolute;
    text-align: center;
    top: 1vw;
    left: -8vw;
     padding: 1vw;
}

#ernesttext {
    font-family: 'geosanslightregular';
    background-color: #a60e0b;
    font-size: 1.75vw;
    width: 80%;
    position: absolute;
    bottom: 15vw;
    right: -8vw;  
    padding: 2vw;
}
@media (max-width:700px) {
    h1 {
        font-size: 7vw;
        text-align: center;   
    }
    
    .artistbox{
    position: relative;
    width: 65%;
    margin: 0 auto;
    padding: 55px 0px;
}
    
    #pollockname {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;
    font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    right: 0px;
     padding: 2% 0;
}

#pollocktext {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;
    font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
    
}
    
    #motherwellname {
    font-family: 'geosanslightregular';
    background-color: #353d75;
    font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    left:  0px;
     padding: 2% 0;
}

#motherwelltext {
    font-family: 'geosanslightregular';
    background-color: #353d75;
    font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}

#kooningname {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    right: 0px;
     padding: 2% 0;
}

#kooningtext {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}

#gottliebname {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    left:  0px;
     padding: 2% 0;
}

#gottliebtext {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
     font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}
#reinhartname {
    font-family: 'geosanslightregular';
    background-color: #a60e0b;
     font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    right: 0px;
     padding: 2% 0;
}

#reinharttext {
    font-family: 'geosanslightregular';
    background-color: #a60e0b;
   font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}

#stillname {
    font-family: 'geosanslightregular';
    background-color: #223987;
    font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    left:  0px;
     padding: 2% 0;
}

#stilltext {
    font-family: 'geosanslightregular';
    background-color: #223987;
    font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}

#sternename {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
     font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    right: 0px;
     padding: 2% 0;
}

#sternetext {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}
#newmanname {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    left:  0px;
     padding: 2% 0;
}

#newmantext {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}
#rothkoname {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;;
     font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    right: 0px;
     padding: 2% 0;
}

#rothkotext {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;
     font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}


#dartname {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
     font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    left:  0px;
     padding: 2% 0;
}

#darttext {
   font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}

#baziotesname {
    font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    right: 0px;
     padding: 2% 0;
}

#baziotestext {
    font-size: 1.75vw;
    font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}

#tomlinname {
    font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    left:  0px;
     padding: 2% 0;
}

#tomlintext {
    font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}

#brooksname {
  font-family: 'geosanslightregular';
    background-color: #b71a1a;
     font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;}

#brookstext {
     font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}


#ernestname {
     font-size: 29px;
    width: 100%;
    text-align: center;
    top: -35px;
    left:  0px;
     padding: 2% 0;
}

#ernesttext {
    font-family: 'geosanslightregular';
    background-color: #a60e0b;
     font-size: 10pt;
    width: 96%;
    position:static;
    padding: 2%;
}
}

    @media (min-width:1200px) { 
        
          .skyline {
    width: 100%;
    margin: 0;
    padding: 0;
}
h1 {
    font-family: 'lemonmilkregular', sans-serif;
    font-size: 7.5vw;
    margin: 0 4%;
    padding-bottom: 3vw;
}


.artistbox{
    position: relative;
    width: 45%;
    margin: 0 auto;
    padding-bottom: 0px;
}

img {
    width: 80%;
    display: block;
}

#year {
   font-family: 'geosanslightregular',sans-serif;
    margin: 0; 
    position: relative;
    bottom:0px;
    font-size: 45pt;
    left: 510px;
    }
#artists{
     font-family: 'lemonmilkregular',sans-serif;
    font-size: 50px;
    background-color: #353d75;
    width: 35%;
    text-align: center;
    padding: 1%;
    margin: 0;
    position: relative;

    left: 350px;
}
.group {
    width: 40%;
    margin:auto;
    padding-bottom: 15px;
    }

hr.style2 {
	border-top: 70px double #353d75;
    padding-bottom:7vw;
}

#pollockname {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;
    font-size: 40px;
    width: 50%;
    text-align: center;
    top:12px;
    right: -120px;
     padding: 10px;
}


#pollocktext {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;
    font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    left: -120px; 
     padding: 30px;
    position: inherit;
 
}

#motherwellname {
    font-family: 'geosanslightregular';
    background-color: #353d75;
   font-size: 40px;
    width: 45%;
    text-align: center;
     padding: 10px;
      
}

#motherwelltext {
    font-family: 'geosanslightregular';
    background-color: #353d75;
     font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    right: -18vw; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;

 
}

#kooningname {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
   font-size: 40px;
    width: 50%;
    text-align: center;
    top:12px;
    right: -120px;
     padding: 10px;
}

#kooningtext {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    left: -120px; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;
 
}

#gottliebname {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
   font-size: 40px;
    width: 45%;
    text-align: center;
     padding: 10px;
    pointer-events: inherit;
    }

#gottliebtext {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
     font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    right: -18vw; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;
}
#reinhartname {
    font-family: 'geosanslightregular';
    background-color: #a60e0b;
     font-size: 40px;
    width: 50%;
    text-align: center;
    top:12px;
    right: -120px;
     padding: 10px;
}

#reinharttext {
    font-family: 'geosanslightregular';
    background-color: #a60e0b;
    font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    left: -120px; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;
    }
#stillname {
    font-family: 'geosanslightregular';
    background-color: #223987;
    font-size: 40px;
    width: 45%;
    text-align: center;
     padding: 10px;
    pointer-events: inherit;
}

#stilltext {
    font-family: 'geosanslightregular';
    background-color: #223987;
    font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    right: -18vw; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;
}

        #sternename {
    font-family: 'geosanslightregular';
  font-size: 40px;
    width: 50%;
    text-align: center;
    top:12px;
    right: -120px;
            padding: 10px;
        }

#sternetext {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    left: -120px; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;
}
#newmanname {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 40px;
    width: 45%;
    text-align: center;
     padding: 10px;
    pointer-events: inherit;
}

#newmantext {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    right: -18vw; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;
}
#rothkoname {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;;
    font-size: 40px;
    width: 50%;
    text-align: center;
    top:12px;
    right: -120px;
    padding: 10px;
}

#rothkotext {
    font-family: 'geosanslightregular';
    background-color: #b71a1a;
    font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    left: -120px; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;
}


#dartname {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 40px;
    width: 50%;
    text-align: center;
    top:12px;
    right: -120px;
    padding: 10px;
}

#darttext {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    right: -18vw; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;
}

#baziotesname {
    font-family: 'geosanslightregular';
    background-color: #516ea8;
     font-size: 40px;
    width: 50%;
    text-align: center;
    top:12px;
    right: -120px;
    padding: 10px;
}

#baziotestext {
    font-family: 'geosanslightregular';
    background-color: #516ea8;
    font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    left: -120px; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;
}

#tomlinname {
     font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 40px;
    width: 50%;
    text-align: center;
    top:12px;
    right: -120px;
    padding: 10px;
}

#tomlintext {
    font-family: 'geosanslightregular';
    background-color: whitesmoke;
    font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    right: -18vw; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;
}

#brooksname {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 40px;
    width: 50%;
    text-align: center;
    top:12px;
    right: -120px;
    padding: 10px;
}

#brookstext {
    font-family: 'geosanslightregular';
    background-color: #d39f3f;
    font-size: 15pt;
    width: 80%;
    position: inherit;
    bottom: 9vw;
    left:-8vw;  
    padding: 2vw;
}

#ernestname {
     font-family: 'geosanslightregular';
    background-color: #a60e0b;
    font-size: 40px;
    width: 50%;
    text-align: center;
    top:12px;
    right: -120px;
    padding: 10px;
    margin-top: 0px;
}

#ernesttext {
    font-family: 'geosanslightregular';
    background-color: #a60e0b;
     font-size: 15pt;
    width: 70%;
    bottom: 10vw;
    right: -18vw; 
    padding: 2.5vw;
    position: inherit;
    padding: 30px;
    }   
    
    }