a {
    outline: 0;
    text-decoration: none;
    color: rgba(43, 42, 41, 0.99);
}

.quote a {
    text-decoration: underline;
}

a.active, a:active, a:focus, a:hover {
    outline: 0;
    text-decoration: none;
    color: #002f61
}

.btn.active, .btn:active, .btn:active:focus, .btn:focus {
    outline: 0
}

p {
    color: #666;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0
}

::-moz-selection {
    text-shadow: none;
    background: #002f61;
    color: #fff
}

::selection {
    text-shadow: none;
    background: #002f61;
    color: #fff
}

img::selection {
    background: 0 0
}

img::-moz-selection {
    background: 0 0
}

img.slides {
    height: 17px;
    width: 25px;
    padding-top: 3px;
}

.btn-primary.active, .btn-primary:active, .btn-xl.active, .btn-xl:active, .open .dropdown-toggle.btn-primary, .open .dropdown-toggle.btn-xl {
    background-image: none
}

@font-face {
    font-family: PTSans;
    font-weight: 400;
    src: url(../fonts/PT_Sans-Web-Regular.ttf)
}

@font-face {
    font-family: PTSans;
    font-weight: 700;
    src: url(../fonts/PT_Sans-Web-Bold.ttf)
}

@font-face {
    font-family: WorkSans;
    src: url(../fonts/WorkSans-Light.ttf)
}

@font-face {
    font-family: 'Nucleo Outline';
    src: url(../fonts/nucleo-outline.eot);
    src: url(../fonts/nucleo-outline.eot) format('embedded-opentype'), url(../fonts/nucleo-outline.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

h1, h2, h3 {
    font-family: WorkSans, Helvetica, Arial, sans-serif
}

body {
    overflow-x: hidden;
    font-weight: 400;
    padding: 0;
    font-family: PTSans, Helvetica, Arial, sans-serif
}

header {
    padding: 20px;
    color: white;
    background-color: rgb(53, 36, 20);
}

section {
    padding: 20px;
    background-color: #eeeeee;
}

.chat-background {
    background-image: url(../img/computer-colours.jpg);
    background-size:cover;
    background-repeat: no-repeat;
}


footer {
    padding: 10px;
    color: white;
    background-color: rgba(43, 42, 41, 0.99);
}

.contact-me {
    font-size: 13pt;
    color: black;
    padding-left: 10px;
    padding-bottom: 15px;
}

.quote {
    padding: 25px;
    background-color: rgba(238, 238, 238, 0.7);
}

.heading {
    display: inline-block;
    width: 100%
}
.name {
    text-align: left;
    margin-top: 50px;
    font-size: 20pt;
}

.profile {
    float: left;
    border-radius: 15px;
    margin: 10px;
    width: 75px;
}

.column {
    float: left;
    max-width:70%;
}

.first-column {
    float: left;
    width: 100px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.blog-image {
    width: 100px;
    height: 75px;
    overflow: hidden;
    margin-right: 15px;
    margin-left:  5px;
}


#blogs a {
    font-size: 12pt;
    color: #367161;
}

#blogs p {
    line-height: 20px;
    margin-bottom: -5px;
}

#blogs {
    background: rgba(238, 238, 238, 0.19);
}

#conferences a {
    font-size: 12pt;
    color: #367161;
}

#conferences p {
    line-height: 20px;
    margin-bottom: -5px;
}

.spacer {
    padding-bottom: 35px;
}