@import url(//fonts.googleapis.com/css?family=Lato:700,300,100);
@import url(../fontawesome/css/font-awesome.min.css);

html {
    -webkit-font-smoothing: antialiased;
}
body {
    background: #323232;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #fff;
    padding: 50px 50px;
}

p { font-size: 25px; line-height: 1.5; }

a { color: #c5c5c5; }

a:hover { 
    text-decoration: none; 
    color: #00c4ff; }

div,
input,
select,
textarea,
span,
img,
table,
td,
th,
p,
a,
button,
ul,
li {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

ul, ol { 
padding: 0 !important;
margin: 0; 
}

form {
margin: 0 0 0;
}

/* Highlights */
::selection {
    background: #000; /* Safari */
    }
::-moz-selection {
    background: #000; /* Firefox */
}

/* Custom container */
.container-narrow {
    margin: 0 auto;
    max-width: 960px;
    position: relative;
    padding-top: 55px; }

/* span styles */
.well {
    border: 0;
    overflow: hidden;
    position: relative;
    height: 300px;    
    z-index: 1; /* Fix bug on WebKit browsers */ }
    
.large { height: 620px; }

.fixed-height { height: 300px !important; }

.no-padding { padding: 0; }

.padding { padding: 20px; }

.overflow-show { overflow: visible; } /* Need when box contains .outer-box or other overlapping items */

.shadow { /* Long shadow on any div */
    box-shadow: 
    #262525 1px 1px,
    #262525 2px 2px,
    #262525 3px 3px,
    #262525 4px 4px,
    #262525 5px 5px,
    #262525 6px 6px,
    #262525 7px 7px,
    #262525 8px 8px,
    #262525 9px 9px,
    #262525 10px 10px,
    #262525 11px 11px,
    #262525 12px 12px,
    #262525 13px 13px,
    #262525 14px 14px,
    #262525 15px 15px,
    #262525 16px 16px,
    #262525 17px 17px,
    #262525 18px 18px,
    #272626 19px 19px,
    #272626 20px 20px,
    #272626 21px 21px,
    #272626 22px 22px,
    #282727 23px 23px,
    #282727 24px 24px,
    #282727 25px 25px,
    #282727 26px 26px,
    #292828 27px 27px,
    #292828 28px 28px,
    #292828 29px 29px,
    #292828 30px 30px,
    #2a2929 31px 31px,
    #2a2929 32px 32px,
    #2a2929 33px 33px,
    #2a2929 34px 34px,
    #2b2a2a 35px 35px,
    #2b2a2a 36px 36px,
    #2b2a2a 37px 37px,
    #2b2a2a 38px 38px,
    #2c2b2b 39px 39px,
    #2c2b2b 40px 40px,
    #2c2b2b 41px 41px,
    #2c2b2b 42px 42px,
    #2c2c2c 43px 43px,
    #2c2c2c 44px 44px,
    #2c2c2c 45px 45px,
    #2c2c2c 46px 46px,
    #2d2d2d 47px 47px,
    #2d2d2d 48px 48px,
    #2d2d2d 49px 49px,
    #2d2d2d 50px 50px,
    #2e2e2e 51px 51px,
    #2e2e2e 52px 52px,
    #2e2e2e 53px 53px,
    #2f2f2f 54px 54px,
    #2f2f2f 55px 55px,
    #2f2f2f 56px 56px,
    #303030 57px 57px,
    #303030 58px 58px,
    #303030 59px 59px,
    #313131 60px 60px,
    #313131 61px 61px,
    #313131 62px 62px; }

/* span colors */
.orange { background: #D3643B; }
.tealblue { background: #556270; }
.sage { background: #94C7B6; }
.blue {background: #00B4CC; }
.darksage { background: #729c98; }
.plum {background: #483e46; }
.purple { background: #6A5E72 }
.sedgebrown { background: #605951;  }
.ecru { background: #C1B398; }
.blueberry { background: #625560; }
.midplum { background: #6b4d56; }
.redplum { background: #794147; } 
.darkred { background: #863538; }

/* Content styles */
.outer-box { 
    padding: 20px; 
    height: auto; 
    width: 111%;
    margin: 30px 0;
    position: relative;
    left: -5%; 
    left: -33px; 
    border: 5px solid #fff; 
    overflow: hidden; }

.border { border: 5px solid #fff; }

.outer-box-work { 
    padding: 20px; 
    height: auto; 
    width: 81.5%;
    position: relative;  
    left: -33px;  
    margin: 30px 0;  
    border: 5px solid #fff; 
    overflow: hidden; }

.outside { 
    height: auto; 
    width: 150px; 
    position: absolute; 
    left: -170px; 
    bottom: 0;
    text-align: right; }

.medium-tag, .large-tag {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
}

.large-tag {
    font-size: 36px;
}

.medium-tag {
    font-size: 30px;
}

.article { margin-top: 20px; } /* Used in news section */

.bold { font-weight: 700; }

.copy { /* Used in copyright section */
    position: absolute;
    bottom: 0; }

.col-xs-1, 
.col-xs-2, 
.col-xs-3, 
.col-xs-4, 
.col-xs-5, 
.col-xs-6, 
.col-xs-7, 
.col-xs-8, 
.col-xs-9,
.col-xs-10, 
.col-xs-11, 
.col-xs-12, 
.col-sm-1, 
.col-sm-2, 
.col-sm-3, 
.col-sm-4, 
.col-sm-5, 
.col-sm-6, 
.col-sm-7, 
.col-sm-8, 
.col-sm-9, 
.col-sm-10, 
.col-sm-11, 
.col-sm-12,
.col-md-1, 
.col-md-2, 
.col-md-3, 
.col-md-4, 
.col-md-5, 
.col-md-6, 
.col-md-7, 
.col-md-8, 
.col-md-9, 
.col-md-10, 
.col-md-11, 
.col-md-12, 
.col-lg-1, 
.col-lg-2, 
.col-lg-3, 
.col-lg-4, 
.col-lg-5, 
.col-lg-6, 
.col-lg-7, 
.col-lg-8, 
.col-lg-9, 
.col-lg-10, 
.col-lg-11, 
.col-lg-12 {
    padding-right: 10px;
    padding-left: 10px; }

/* Links */
.contact-icon { padding-right: 15px; }

.links { 
    font-size: 80px;
    text-align: center;
    padding: 5px 0;
    height: 100%;
    width: auto;
    border: 5px solid rgba(0,0,0,0.25);
    display: flex;
    justify-content: center;
    align-items: center;}
.links:hover { 
    color: #0076bf; 
    border: 5px solid #0076bf; }

/* Quotes */
span#quote:before, span#quote:after {
    content: '\00a0'; }

span#source:before {
    content: '\007e\00a0'; }

/* Images */
.imagebg-sky { background: #323232 url('../img/sky.jpg') no-repeat center; }
.imagebg-aran { background: #323232 url('../img/aran.jpg') no-repeat center; }

.imagebg-sky,
.imagebg-aran {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* Screen sizes */
@media (max-width: 1300px) {
.outside { display: none; } }

@media (max-width: 1060px) {
.well {
    height: auto;
    min-height: 300px; }
.large {
    height: auto;
    min-height: 620px; } }
    
@media (max-width: 767px) {
body { padding: 20px;}
.outer-box { 
    width: 105%;
    left: -5%; } }