html, body{
    height:100% !important;
    padding-top: 0;
}



.titolo{
    font-size:60px;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    color:#333;
    margin-bottom:20px;
}

.microsoft{
     margin-bottom:20px;
}
.fideniamicr{
     margin-bottom:20px;
}

.office{
    margin-bottom:20px;
}

.testo1-micr{
    background: #80ba01;
    color:#fff;
    font-size:30px;
    padding:20px;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    margin-bottom:20px;
}

.testo2{
    background: #ffb902;
    color:#fff;
    font-size:20px;
    padding:20px;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    margin-bottom:20px;
}

.prezzo{
    background:#efefef;
    padding:10px;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    color:#1a1a1a;
    font-size:16px;
    margin-bottom:20px;
}

.prezzo h4{
    color:#4C6578;
    font-size:21px;
}

.prezzo span{
    text-transform: uppercase;
}

.immagine1{
    width: 100%;
    height:376px;
    background: url("../images/microsoft/immagine1.jpg") center center;
    background-size: cover;
    margin-bottom:20px;
}

.testo3{
    background: #02a4ef;
    color:#fff;
    font-size:25px;
    padding:20px;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    margin-bottom:20px;
}

.immagine2{
    width: 100%;
    height:285px;
    background: url("../images/microsoft/immagine2.jpg") center center;
    background-size: cover;
    margin-bottom:20px;
}

.testo4{
    background: #ac41e5;
    color:#fff;
    font-size:20px;
    padding:20px;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    margin-bottom:20px;
}

.testo4 a{
    color: #2FE29B !important;
}

@media (min-width:320px){
    .testo1{font-size: 18px}
    .testo3{font-size: 18px}
    .titolo{font-size:30px;}
}

@media (min-width:480px){
    .testo1{font-size: 20px}
    .immagine1{height:350px;}
    .testo1{font-size: 22px}
    .testo3{font-size: 18px}
    .titolo{font-size:30px;}
}

@media (min-width:768px){
    .testo1{font-size: 22px}
    .immagine2{height:292px;}
    .immagine1{height:350px;}
    .testo3{font-size: 20px}
    .titolo{font-size:50px;}
}

@media (min-width:992px){
    .immagine1{height:460px;}
    .immagine2{height:320px;}
    .testo1{font-size: 30px}
    .testo3{font-size: 25px}
    .titolo{font-size:60px;}
}

@media (min-width:1200px){
    .immagine1{height:376px;}
    .immagine2{height:285px;}
    .testo1{font-size: 30px}
    .testo3{font-size: 25px}
    .titolo{font-size:60px;}
}