@charset "UTF-8";

/* Put your styles into the appropriate breakpoints below. */


/***** XS (Extra Small) – Mobile Size AND ABOVE *****/

.margin-top {
    margin-top: 50px;
}

h1 {
    font-family: 'Quicksand', sans-serif;
    color: #0063a6;
    font-size: 3.6em;
    font-weight: 700;
    padding: 20px;
}

/** Portrait Box **/
#portrait-box {
    margin: auto;
    display: block;
    width: 100%;
    float: left;
    padding: 10px 15px 10px 15px;
}

#about-me h2 {
    font-family: 'Quicksand', sans-serif;
    color: #0063a6;
    font-size: 2.8em;
    font-weight: 700;
    padding: 10px;
}

#about-me p {
    font-family: "proxima-nova",sans-serif;
    color: #2F2F2F;
    font-size: 1.8em;
    line-height: 2em;
    font-weight: 400;
    padding: 10px;
}

#about-me ul {
    font-family: "proxima-nova",sans-serif;
    font-size: 1.8em;
    line-height: 2em;
    font-weight: 400;
    padding: 10px;
    list-style-type:disc;
}

#about-me li {
    margin-left: 20px;
}

.bullet-color ul li {
    color: #0063a6;
}

.bullet-color ul li > span {
    color: #2F2F2F !important;
}


/***** END XS (Extra Small) */



/***** Custom Breakpoint - XS ONLY */
@media (max-width: 767px) {
    
    
}/***** END Custom Breakpoint  */   



/***** SM (Small) - Tablet Size AND ABOVE! (768px) */
@media (min-width: 768px) {
    
   
    
} /***** END SM (Small) */




/***** MD (Medium) - Medium Desktop Size AND ABOVE! (992px) */
@media (min-width: 992px) {
        
  
    
} /***** END MD (Medium) */




/***** LG (Large) – Large Desktop AND BEYOND! (1200px) */
@media (min-width: 1200px) {

    
} /***** END LG (Large) */