/* Experiance Slide START */
.display{
    width: 565px;
    height: 500px;
    margin: 0px auto;
    margin-top: 80px;
    position: relative;
    vertical-align: top;
    list-style: none;
    left: -10px;
}

.display .experiance h2{
    color: rgba(255, 149, 0, .5);
    height: 5px;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
}
.display .experiance h2:nth-child(1){
    color: #ff9500;
    height: 5px;
    top: 57px;
    position: relative;
}

.display .experiance h3{
    position: relative;
    margin-top: 50px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 16px;
    font-family: 'UniversLT-Condensed';
}

.display .experiance h3 span{
    color: #e6e6e6;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-family: 'UniversLT-Condensed';
}

.display .experiance p{
    color: #e6e6e6;
    font-size: 15px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    top: 0px;
    vertical-align: top;
    font-family: 'UniversLT-Condensed';
}
/* Experiance Slide END */


/* Experiance Slide START */

#education{
   background: url("education.png");
   background-size: 100% 100%;
}

/* Experiance Slide END */

/* Awards Slide START */

#awards{
   background: url("awards.png");
   background-size: 100% 100%;
}

/* Awards Slide END */

/* Experiance Slide START */

#creative{
   background: url("chockhold.png");
   background-size: 100% 100%;
}

#digital-creative{
   background: url("digital-brain-tablet.png");
   background-size: 100% 100%;
} 
#choker{
    border: solid 1px #ff9500 !important;
}

/* Experiance Slide END */

/* Skills Preview START */

#skills-preview {
    background: url(skills.png);
    background-size: 100% 100%;
}

/* Skills Preview END */

/* Mobile Slide START */
@media only screen 
and (min-width : 0px) 
    and (max-width : 1200px) {
/* Experiance Slide START */

.display{
    top: -30px;
    position: relative;
    width: 400px;
    left: -10px;
}
        
.display .experiance h2{
    font-size: 12px;
}

.display .experiance h3 span{
    font-size: 12px;
}

.display .experiance p{
    font-size: 12px;
}
}