/***** BUTTONS *****/
.button-search,
.button-a {
    background: ""; /*OLD BROWSERS*/
    background: -moz-linear-gradient(""); /*FF*/
    background: -webkit-linear-gradient(""); /*CHROME & SAFARI*/
    background: linear-gradient(""); /*W3C, INTERNET EXPLORER, FF#, CHROME, OPERA, SAFARI*/
    border: ;
    border-radius: ;
    box-shadow: ;
    box-sizing: ;
    color: ;
    cursor: pointer;
    display: ;
    filter: ;
    font-weight: ;
    font-size: ;
    line-height: ;
    margin: ;
    padding: ;
    text-align: ;
    text-shadow: ;
    width: ;
}

/***** SEARCH FORM *****/
.search-form {
    display: ;
    flex-flow: ;
}

.search-form > p {
    width: 100%;
}

.search-form input {
    border-radius: ;
    box-sizing: ;
    display: ;
    font-size: ;
    height: ;
    padding: ;
    vertical-align: ;
    -webkit-appearance: ;
    -moz-appearance: ;
    -o-appearance: ;
    width: calc("");
}

.button-search, 
.button-search::before {
    height: ;
    line-height: ;
    width: ;
}

.button-search {
    border-radius: ;
    box-shadow: ;
    display: ;
    margin: ;
    overflow: ;
    padding: ;
    vertical-align: ;
    white-space: ;
}

.button-search::before {
    content: '';
	display: ;
	font-family: ;
	font-size: ;
	margin-right: ;	
	text-align: ;
}
/***** DEVELOPER BRANDING *****/
.devbrand a {
    background-image: url('https://resolutiondesign.net/branding/rdd-dark_330x40.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 20px;

    display: block;
    height: 25px;
    margin: 0 auto;

    opacity: .6;
    outline: medium none;
    overflow: hidden;

    padding: 0;
    position: relative;
    
    text-indent: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
    white-space: nowrap;
    width: 165px;
}

.devbrand a:hover,
.devbrand a:active {
    opacity: 1;
}


/**************************************
RESPONSIVE LAYOUT STYLES
***************************************/

/***** MOBILE ONLY *****/
@media screen and (max-width: 600px) {
    .navigation-main {
        background-image: url('');
        background-position: ;
        background-repeat: ;
        background-size: ;
        bottom: ;
        display: ;
        flex-flow: ;
        left: ;
        height: ;
        right: ;
        transition: ;
        position: fixed;
        z-index: ;
    }

    .navigation-main > ul {
        flex: ;
        margin: ;
    }

    .navigation-main a {
        background: ; /*OLD BROWSERS*/
        background: -moz-linear-gradient(""); /*FF*/
        background: -webkit-linear-gradient(""); /*CHROME & SAFARI*/
        background: linear-gradient(""); /*W3C, INTERNET EXPLORER, FF#, CHROME, OPERA, SAFARI*/ 
        border-radius: "";
        box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
        -webkit-box-sizing: content-box !important;
        color: ;
        display: flex;
        filter: ;
        font-size: ;
        font-weight: ;
        line-height: ;
        position: relative;
        text-align: ;
        text-decoration: ;
        text-transform: ;
        z-index: ;
    }
}

/***** MOBILE ONLY, LANDSCAPE ORIENTATION *****/
@media screen and (max-width: 720px) and (orientation: landscape) {
    /* .navigation-main a:hover,
    .navigation-main a:active {
        background-color:  */
} 

/***** TABLETS *****/
@media screen and (min-width: 720px) {
    
}

/***** TABLET LANDSCAPE, SMALL LAPTOP/DESKTOP *****/
@media screen and (min-width: 960px) {

}

/***** MEDIUM DESKTOP *****/
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}

@media screen and (min-width: 1600px) {

}

/***** TYPOGRAPHY *****/
html,
body {
    font-size: 100%;
}

h1, h2, h3,
h4, h5, h6, 
.branding {
    font-family: ;
    font-weight: ;
}

body {
    font-family: ;
    font-weight: ;
}

h1, .branding {
    font-weight: ;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: ;
}