/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html, button, input, select, textarea {
}

::-moz-selection {
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/***********************************************************************************************/
/* GENERAL */
/***********************************************************************************************/
body {
    font: 16px/1.5 'Raleway',Arial,sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
}



/***********************************************************************************************/
/* HEADER AND NAV */
/***********************************************************************************************/
header {
    padding: 0px;
    width: 100%;
}

nav.main-nav {
    height:65px;
    z-index: 9999;
    background-color: rgba(232, 232, 232, 0.95);
    width: 100%;
    padding-top: 7px;
}

    nav.main-nav a {
    font-family: 'Lato',sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding: 15px 12px;
    }
@media (min-width: 768px) and (max-width: 991px) {
    nav.main-nav a{
        font-size: 11px;
}
    }

    nav.main-nav.stickytop {
        position: fixed;
        top: 0;
        width: 100%;
        padding-top: 7px;
        border-radius:0px !important;
            box-shadow: 0 0 10px #464646;
                background-color: rgba(255, 255, 255, 0.95);
    }

.logoresive2 {
    width: 50%;
}

/***********************************************************************************************/
/* RESPONSIVE */
/***********************************************************************************************/

@media all and (min-width: 360px) and (max-width: 480px) {
    header {
        padding: 5px 0 55px;
    }

    nav.main-nav a {
        font-size: 17px;
    }

    nav.main-nav {
        height: 70px;
    }

    .container {
        margin: 0 auto;
        width: 50%;
    }

    .content {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
    }
}




@media screen and (max-width: 480px) {
    header {
        padding: 5px 0 5px;
    }

    nav.main-nav a {
        font-size: 17px;
    }

    nav.main-nav {
            height: 59px;
    }

    .container {
        width: 92%;
    }

    .content {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
    }
}
h1.title{padding-left:0;}