/* 
.imgbox img{ padre figlio
    
}
.imgbox.wide{ solo se pres entrambe

}

.projectbox, .altro { applica a tutti
}

*/

.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-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 {
    padding: 0;
    margin: 0;
}


body{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin:0;
    padding:0;
    text-emphasis-color: black
}

header{
    
}

.outline {
    outline: 0px solid black;
    
}

.pad {
    padding: 0px 10px 0px
}

.logopad {
    padding: 24px 7px 18px;
    max-width: 66.6%;
}

/*
.mainbox {
    padding: 0px 10px 0px;
}
*/

article {
    display: block;
}

.articlehead, .articlebody {
    padding-top: 25px;
    padding-bottom: 20px;
}

.articlebody {
    display: block;

}

.articletext, .articleimg {
    padding-top: 50px;
    padding-bottom: 30px;
    display: block;
    overflow: hidden;
}

.par-box {
/*    padding-right: 16.5%;*/
}

.navigation {
    border-bottom: 0px solid black;
    padding: 0px;
    margin: 0px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 17px; 
    text-decoration-color: black;
    text-emphasis-color: black;
    background-color: hsl(0, 0%, 90%);
}

.link-button:link, .link-button:visited {
    background-color: hsl(0, 0%, 90%);
    color: hsl(0, 0%, 15%);
    padding: 0px 10px;
    max-width: 50%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


.link-button:hover, .link-button:active {
    background-color: hsl(164, 75%, 50%); /* #FFCC40 #0DC493 #47E5BC  */
    color: hsl(0, 0%, 100%);
}

a:link, a:visited {
    color: black;
    text-decoration: underline;
}


a:hover, a:active {
    color: #47E5BC;
    text-decoration: underline;
}


.img-box img {
    width: 100%;
}


    
}





.backstage-row {
    display: block;
}

.backstage-container {
    margin-top: 15px;
    margin-bottom: 50;
}

.video-row {
    display: block;
}

.video-box {
    margin-top: 15px;
    margin-bottom: 50;

}

.vimeo-embed {
    width:100%;
    height: 428px;
}

footer {
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 50px;
    border-top: 3px solid black;
    margin-left: 10px;
    margin-right: 10px;
}

.footer {
    padding: 2px;
    text-align:center;
    background-color:white;
    min-height: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
}


#footerlink {
    background-color: white;
    color: black;
    text-decoration: none;
    display: block;
    align-content: center;
}


.firma {
    display: block;
    align-content: center;
    margin-left:auto;
    margin-right:auto;
}

h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 50px;
    line-height: 1.3;
    letter-spacing: 0px;
    -webkit-text-stroke-width: 0.1px;
    -webkit-text-stroke-color: black;
    color: black;
    margin:0;
    padding:0;
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: 0px;
    -webkit-text-stroke-width: 0.4px;
    -webkit-text-stroke-color: black;
    color: black;
    margin:0;
    padding:0;
}

h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0px;
    color: black;
    margin:0;
    padding:0;
}

br {
    border: 1px solid black
}

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

p, p1, p3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;
    text-indent: 0px;
    text-align: justify;
    color: black;
    margin-top: 0px;
    margin-bottom: 15px;
}

p1 {
    margin-left: 50px;
    margin-right: 50px;
    display: block;
}

p3 {
    color: black;
    font-size: 14px
}

figcaption {
    font: "Roboto": serif;
    font-style: italic;
    font-size: 16;
    font-weight: 200;
    margin: 25px 50px;
}

ul {
    list-style-type: disc;
}

.who-box {
    padding: 0px 15px 30px;
}

.who-img, .who-text {
    display: block;
}

.who-img {
    width: 100%;
}

.who-text {
    margin-top: 15;
    border: 0px solid black;
    padding: 3px;
    background-color: hsl(0, 0%, 90%);
    min-height: 300px;
}

.who-text h3 {
    color: black;
}