/*

** layout.css
** duplainlaw.com
** temp landing page, 2018
** by @m2robinson, mmrobinson.design

*/

@import url('https://fonts.googleapis.com/css?family=Barlow:300,300i,400,400i,600,600i');

body { 
    background:#204 url('../img/scalesBg.jpg') 0 0 no-repeat;
    padding:36px 0;
    color:#ccc;
    font-family:'Barlow', Helvetica, Arial, sans-serif;
    font-weight:300;
}

a       { color:#999; font-weight:600; text-decoration:none; transition:color .5s; }
a:hover { color:#fff; text-decoration:none; }
strong  { color:#999; font-weight:600; }
.title  { color:#fff; font-weight:600; }
address { color:#fff; }

h3  { color:#ccc; font-size:1.25rem; font-weight:300; font-style:italic; }
h2  { font-size:1.875em; }

#D-logo     { width:100%; height:auto; max-width:100px; }
#wordmark   { 
    color:#fff; 
    font-size:1.875em; 
    font-weight:300; 
    text-transform:uppercase; 
    padding:12px 0;
}
.wmBold     { color:#999; font-weight:600; }
.services   { margin:36px 0; }
.notice     { margin:36px auto 18px auto; }
footer      { padding-top:18px; padding-bottom:36px; border-top:1px solid #999; }

button,
.btn,
.btn-primary { background-color:#333; border-color:#333; transition:background-color .5s; }

button:hover,
.btn:hover,
.btn-primary:hover { background-color:#444; border-color:#444; }

.linebreak {
    display:block;
    height:1px;
    width:100%;
    font-size:1px;
    text-indent:100%;
    overflow:hidden;
    color:transparent;
    background-color:transparent;
    clear:both;
}



/* ------------------ media queries ------------------ */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    
    #wordmark { font-size:2.625em; padding:18px 0; }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

    address  { margin:36px 0; }
    #wordmark { font-size:2.75em; padding:18px 0; }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    
    body { background-size:cover; background-position:top center; }

    .linebreak {
        display:inline !important;
        height:auto !important;
        width:auto !important;
        font-size:inherit !important;
        text-indent:0;
        color:inherit !important;
        clear:none;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}