Sistemata index con box 3 - 1

src/app/pages/index/index.page.html

 <ion-content class="nothing">
   <div class="contenitore-home">
     <div class="central-home">
-        <div tappable class="box">
+        <div tappable class="box tre-box">
           <div tappable class="icon" (click)="apriPagina('documenti')">
             <img src="assets/img/consulto-documenti.svg" (click)="apriPagina('documenti')" tappable/>
           </div>
@@ -25,7 +25,7 @@
               {{ 'interviste' | translate }}
           </div>
         </div>
-        <div class="dispari box" tappable>
+        <div class="dispari box un-box" tappable>
           <div class="icon" tappable>
             <img src="assets/img/segreteria.svg" (click)="apriPagina('segreteria')" tappable/>
           </div>

src/global.scss

@@ -564,16 +564,21 @@ strong {
 		}
 		.dispari
 		{
-			@media (max-width: 319px) {
-				float: left;
-			}
-			@media (max-width: 550px) {
+			@media (max-width: 550px) and (min-width: 319px){
 				float: right;
 				margin-right: 10px;
 			}
-			@media (min-width: 720px)
+		}
+		.tre-box
 		{
-				float:left;
+			@media (max-width: 700px) and (min-width: 550px){
+				margin-left: calc(50% - 238px);
+			}
+		}
+		.un-box
+		{
+			@media (max-width: 700px) and (min-width: 550px){
+				margin-left: calc(50% - 70px);
 			}
 		}
 	}