/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

@font-face {
    font-family : 'Lato';
    font-weight : normal;
    src         : url(../font/Lato-Regular.ttf);
}

@font-face {
    font-family : 'Lato';
    font-weight : bold;
    src         : url(../font/Lato-Black.ttf);
}

body {
    color       : #4f4c4c;
    font-family : 'Lato';
/*     font-size   : 12px; */
}

a {
    color : #EC8111;
}

.navbar {
    background : transparent !important;
}

.nav-item a {
    color : #EC8111 !important;
}

.social img {
    width : 32px;
}

.home-box {
    position : relative;
}

.home-caption {
    height   : 45%;
    left     : 0;
    position : absolute;
    right    : 0;
    top      : 55%;
}

.xs-row {
    background  : rgba(240,240,240,0.75);
    font-weight : bold;
    padding     : 15px 0 0 15px;
}

.header-row {
    margin : 0;
}

.img-pagina {
    padding : 0;
}

.colonna-contenuto {
    padding : 15px 0 15px 0;
}

h1 {
    color       : #EC8111;
    font-size   : 24px;
    font-weight : bold;
}

.arancio {
    color : #EC8111;
}

.img-pagina {
    margin-top : 15px;
}

h2 {
    font-size   : 125%;
    font-weight : bold;
}

h3 {
    color       : #EC8111;
    font-size   : 100%;
    font-weight : bold;
}

hr.sdl {
    border-top: 1px solid black;
}

.lavoro {
    border-bottom : 3px solid black;
    margin-top    : 15px;
}

/******************************************************************************/

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
    .colonna-contenuto {
        padding : 25px 0 25px 0;
    }
}

/******************************************************************************/

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
    body {
        font-size : 14px;
    }

    .nav-item {
        border-left : 2px solid #EC8111;
    }

    .nav-item-margin {
        margin-left : 40px;
    }

    .nav-item a.active,
    .dropdown-item a.active
    {
        background  : transparent;
        color       : #EC8111;
        font-weight : bold;
    }

    .home-row {
        margin : 0;
    }

    .home-top-row {
        height : 25%;
        top    : 55%;
    }

    .home-bottom-row {
        background : rgba(240,240,240,0.75);
        height     :75%;
    }

    .home-left-col {
        border-right : 4px solid #EC8111;
    }

    .home-text-col {
        font-size   : 16px;
        font-weight : bold;
        padding-top : 15px;
    }
}

/******************************************************************************/

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    body {
        font-size : 16px;
    }

    .home-text-col {
        font-size   : 22px;
        padding-top : 15px;
    }
}

/******************************************************************************/

/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .home-text-col {
        font-size   : 24px;
        padding-top : 35px;
    }
}