body {
    margin: 0 auto;
    padding: 0 auto;
}

.row img{
    height: 100%;
}

.content {
    margin: 0 auto;
    width: 90%;
    background-color: white;
    z-index: 3;
    
}

#me {
    
    background: url(../images/Me.jpg);
    
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    padding-top: 100%;
    margin: 0 auto;
    color: white;
    font-size: 10px;
        border-bottom: 15px solid;
}

.focus {
    text-align: center;
    padding-top: 45px

}

.focus img {
    max-height: 700px;
    max-width: 100%;
    height: auto;
    width: auto;

    
}

#credits {

    color: #b5b5b5;
    font-style: italic;
    font-size: 12px;
float: right;
padding-right: 5%
}



.return {
    
    clear: both;
    padding-top: 10px;
}

.return a:hover {
    text-decoration: none; 
}

.return a h1:hover {
    color: #b5b5b5 !important;
}

#recognition {
    
    width: 80%;
    float: left;
    
}



.bold {
    
    font-family: 'raleway', sans-serif;
    font-weight: 700
    
}

#proficent {
    
    float: left;

    
}

#dabbling {
    color: #b5b5b5;
    float: left;

    padding-left: 20px;
    
}

.processButtons {
    
    font-size: 20px;
    text-align: right;
    font-family: "Elephant", serif;
    color: #b5b5b5;
}


.bts {
    
    border-bottom: 2px solid;
    margin-bottom: 100px;
}

.blueText{
    
    color: #385cad !important;
    
}

.yellowText{
    
    color: #f4b223 !important;
    
}

.greenText{
    
    color: #00ac69;
    
}

.redText{
    
    color: #96262c;
    
}

.blueBorder{
    
    border-color: #385cad !important;
    
}

.yellowBorder{
    
    border-color: #f4b223 !important;
    
}

.greenBorder{
    
    border-color: #00ac69 !important;
    
}

.redBorder{
    
    border-color: #96262c !important;
    
}

.blueBackground{
    
    background-color: #385cad !important;
    
}

.yellowBackground{
    
    background-color: #f4b223 !important;
    
}

.greenBackground{
    
    background-color: #00ac69 !important;
    
}

.redBackground{
    
    background-color: #96262c !important;
    
}

.dropdown-menu {
    overflow: hidden;
    border: none;
    background: transparent;
    
}

.dropdown-menu a {
    
    font-family: "Raleway", sans-serif;
    color: white;
    white-space: pre-wrap;
}

    .unevenEvener {
    padding-left: 7%;
}

#viewCalendars img {
    padding-bottom: 20px;
}

.enablecompLinks{
    text-align: center;
    margin-top: 50px;
}

.enablecompLinks a{
    color: #00ac69 !important;}
    .enablecompLinks a:hover{
        color: #000 !important;}

@media only screen and (max-width: 345px) {
#me {
    
    background-size: auto 100%;
    
}
}

@media only screen and (min-width: 600px) {

    body {
    margin: 0 auto;
    padding: 0 auto;
}

.content {
    margin: 0 auto;
    width: 70%;
    background-color: white;
    z-index: 3;
    
}

    #credits {

padding-right: 15%
}
    
#me {
    
    background: url(../images/Me.jpg);
    
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 10%;
    width: 100%;
    padding-top: 50%;
    margin: 0 auto;
    color: white;
        border-bottom: 15px solid;
}
    


.breakerleft, .breakerright{
    
    float: left;
    width: 40%;
}
    
    .breakerright {
        padding-left: 15px;
        
    }





/* #abilities h3 {
    
    margin: 0 auto;
    
    
} */

.return {
    
    clear: both;
}

#recognition {
    
    width: 100%;
    float: left;
    
}



.bold {
    
    font-family: 'raleway', sans-serif;
    font-weight: 700
    
}

#dabbling {
    color: #b5b5b5;

}


.individuals {
    
    margin-bottom: 16px;
    
}
    
    
}
@media only screen and (min-width: 900px) {
    
    
    
    #me{ 
        transition: background-size 10s;
    
}

    #recognition {
    
    width: 80%;
    float: left;
    
}
    #recognition h3 {
        
        padding-left: 5%;
    }
    
    
    #abilities{ 

    
    width: 16%;
    /* margin-top: 18.720px;; */
    margin-right: 3%;
    /* border-right: 2px solid; */
    float: left;

}
    
    .breakerleft {
        border-left: 2px solid;}
    
    .breakerleft li:last-child {
        margin-bottom: 0px;
        
    }
    
    .breakerleft, .breakerright {
        padding-left: 5%;
        }
    

    
    #proficent {
    
    float: none;
    width: 100%;
    
}

#dabbling {
    color: #b5b5b5;
    float: none;
    width: 100%;
    padding-left: 0%;
    
}
    
#me:hover {
    
    background-size: 105% auto;
    
}
    
    .unevenEvener {
    padding-left: 7%;
}
    

    
}
@media only screen and (min-width: 1200px) {

    #me {
        
        padding-top: 45%;
        
    }
    .unevenEvener {
    padding-left: 10%;
}
}

/* 
@keyframes meZoom{
    
    0%{
        background-size: 100% auto;
    }
    100%{
        background-size: 115% auto;
    }
}

@keyframes meZoomR{
    
    0%{
        background-size: 115% auto;
    }
    100%{
        background-size: 100% auto;
    }
} */
.gallery {
    padding-bottom: 20px;
}

.aboutTheThing {
    padding: 20px 0;
}



.removalHeight {
    height: auto !important;
}



.social {
    text-align: right;
}



.awards {
    font-family: "Elephant", serif;
}