@charset "UTF-8";
body {
    font-family: josefin-slab;
    font-style: normal;
    font-weight: 100;
    padding-top: 30px;
    text-align: center;
    color: #1B1B1B;
}

 header{
    text-align: center;
    margin-top: 40px;
    font-family: josefin-slab;
    font-weight: 100;
    font-style: normal;
}
header h1 {
    color: #3D3D3D;
    font-family: josefin-slab;
    font-style: normal;
    font-weight: 400;
    font-size: 3rem;
}
header h2 {
    color: #3D3D3D;
    font-family: josefin-slab;
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
}
#front-cover {
    padding-right: 15%;
    padding-left: 15%;
    margin-top: 15px;
}
footer {
    margin-top: 20px;
}
.footer h3 {
    font-size: 1.25rem;
    text-align: center;
}
.port-title {
    color: #3D3D3D;
    font-size: 2rem;
    margin: 0px;
    padding: 50px 0px 0px;
    font-family: josefin-slab;
    font-style: normal;
    font-weight: 400;
    display: block;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    text-decoration: none;
    border-bottom: thin solid #3D3D3D;
}
.port {
    padding-right: 8px;
    padding-left: 8px;
}
.port-heading {
    margin-top: 20px;
    margin-bottom: 0px;
    color: #6c757d;
    font-family: josefin-slab;
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
    text-decoration: none;
    /* [disabled]border-bottom-width: thin; */
    /* [disabled]border-bottom-style: solid; */
    padding-bottom: 20px;
}
.port-head {
    padding-left: 8%;
    text-align: left;
    color: #6c757d;
}
.port-category {
    color: #3D3D3D;
    font-family: josefin-slab;
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
    text-align: left;
    padding-left: 4.25%;
}
.container .row.port-heading .port-category.col-md-7 {
}
.col-md-7 {
    text-align: left;
}
.col-sm-7 {
    text-align: center;
}
.port-head-a  {
    color: #6C757D;
}
.colour {
    padding-left: 7.5%;
}
.colourP {
    padding-left: 8.5%;
}
.port-bw {
    padding-left: 7%;
}
#bio {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.about {
    color: #000000;
    font-size: large;
    margin-bottom: 1rem;
    text-indent: 2rem;
    text-align: left;
    font-family: josefin-slab;
    font-style: normal;
    font-weight: 400;
}
.contact {
    color: #000000;
    font-family: josefin-slab;
    font-style: normal;
    font-weight: 400;
    font-size: x-large;
    text-align: center;
}
.address {
    padding-bottom: 3rem;
    margin-bottom: 2rem;
    padding-top: 2rem;
}
.con {
    border-bottom-width: thin;
    border-bottom-style: solid;
}