@import url('https://fonts.googleapis.com/css2?family=Passion+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');

body, html {
        font-size:14pt;
        font-family: 'Josefin Sans', sans-serif;
}

h1 {
    font-size:1.75rem;
}

.ska {

    font-family: 'Passion One', cursive;
}


.navbar {
    -webkit-box-shadow: 2px 2px 5px #3d3d3d;
    -moz-box-shadow: 2px 2px 5px #3d3d3d;
    box-shadow: 2px 2px 5px #3d3d3d;
    z-index: 999;
}


.img-brand {
    max-height: 100%;
    /* max-height: 45px; */
    position: absolute;
    overflow: inherit;
    top: 0;
}

.img-brand-footer {
	max-width: 100%;
}

.img-credits {
	max-height: 22px;
}

.strip {
    background-color: #f6f6f6;
    text-align: center;
    /* font-family: 'Roboto', sans-serif; */
    font-family: 'Josefin Sans', sans-serif;
}


.skaimg {
    position:absolute;
    top:-15px;
    left:-15px;
}

.jumbotron {
    /*background:#d0d0d0; */
    background:transparent;
    width: 100%;
    height: 100%;
    background-image: url('https://source.unsplash.com/featured/?office,burocracy'); 
    background-size: cover;
    padding: 2rem;
}

.footerjumbotron {
    /*background:#d0d0d0; */
    background:transparent;
    width: 100%;
    height: 100%;
    background-image: url('https://source.unsplash.com/featured/?office,burocracy'); 
    background-size: cover;
    padding: 2rem;
}




#iframmo {
    width: 900px;
    height: 450px;
}



#funzionalita .card-title {
    text-align:right;
}
#funzionalita .card-footer {
    text-align:right;
}


.featurette-divider {
    margin-top: 25px;
    margin-bottom: 25px;
    
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,0));
    border: 0;    
}



blockquote{
/*  font-size: 1.4em;
  width:100%;*/
  margin:5px auto;
/*  font-family:Roboto;
  font-style:italic; */
  color: #555555;
  padding:1.2em 30px 1.2em 55px;
  border-left:8px solid #d02e3b ;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
}
blockquote::before{
  /*font-family:Arial;*/
  content: "\201C";
  color:#d02e3b;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}



@media(max-width:991px) {
	.img-brand {
		max-height: 55px;
	}
    
    #iframmo {
        width: 600px;
        height: 300px;
    }    
    
}


@media(max-width:767px) {
	.img-brand {
		max-height: 55px;
	}
    
    #iframmo {
        width: 266px;
        height: 133px;
    }
    
    
}