/*
CSS Name: CDW 
Version: 0.2
License:  MIT license
License URL: http://www.opensource.org/licenses/mit-license.php
Sept 28, 2016
*/

/*
 * Starting color scheme
 * #47E5BC, spearmint 
 * #81E4DA, cool mint
 * #AECFDF, lake union
 * #9F9FAD, dead tv channel
 * #93748A, professor plum
 */

/* Theme */
:root {
    --nc-tx-1: #000000;
    --nc-tx-2: #1A1A1A;
    --nc-bg-1: #fff5fb;
    --nc-bg-2: #eddde7;
    --nc-bg-3: #9F9FAD;
    --nc-lk-1: #1c876c;
    --nc-lk-2: #379980;
    --nc-lk-tx: #FFFFFF;
    --nc-ac-1: #AECFDF;
    --nc-ac-tx: #0C4047;
    --nav: #1b5f80;
    --nav-hover: #3f90b8;
    }


/* Header */
header {
    text-align: center;
    border-top: 4px solid var(--nc-bg-3);;
    border-bottom: 4px solid var(--nc-bg-3);;
    padding: 1.5rem;
    margin-top: -1rem;
    }

header h1 {font-weight: 200;}

header h2 {
    font-size: 1.2rem;
    font-weight: 300;
    }


/* Navigation */
nav ul {
    list-style: none;
    margin-bottom: 0px;
    padding: 0;
    font-size: 1.125rem;
    }

nav li {
    display: inline-block;
    margin-right: 1em;
    }

nav a {color: var(--nav);;}
nav a:hover {color: var(--nav-hover);;}


/* Columns */
main {
    background: #000000;
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box; 
    }

.column{
    float: left;
    box-sizing: border-box; 
    padding: 0px 1rem; 
    }

.one-third.column {width: 30.66%;}
.two-thirds.column {width: 65.33%;}

@media (max-width: 600px) {
    .one-third.column {width: 100%;}
    .two-thirds.column {width: 100%;}
    }

/* Images */
p img {float: right;}