* {
    box-sizing: border-box;
}

/*
body {
    background-color: #f1f1f1;
    padding: 20px;
    font-family: Arial;
}


h1 {
    font-size: 50px;
    word-break: break-all;
}
*/

.cena_ss {
          font-size: 150%;           /* 3em*/
          font-family: 'Old Standard TT', sans-serif;
          font-style: italic;
          color:#FFFFFF;            /* white #DBD0EA*/
          background: rgba(0, 0, 0, 0.6); /* Black background with transparency */
 		  text-transform:none;
 		  align:center;
         }


.cena_ssn {
          font-size: 170%;           /* 3em*/
          font-family: 'Old Standard TT', sans-serif;
          font-style: italic;
/*          font-weight:bold;  */
          color:#FFFFFF;            /* white #DBD0EA*/
 		  text-transform:none;
 		  align:center;
         }


.Portmain {
/*    max-width: 1000px; */
    margin: auto; 
    align:center;
}

.Portrow {
    margin: 20px -16px;  
}

/* Add padding BETWEEN each column (if you want) */
.Portrow,
.Portrow > .Portcolumn {
    padding: 2px; 
}

/* Create four equal columns that floats next to each other */
.Portcolumn {
    float: left;
    width: 50%;    /*   */ 
}

/* Clear floats after rows */
.Portrow:after {
    content: "";
    display: table;
    clear: both;
}

/* Content */
.Portcontent {
/*    background-color: white;  */
    padding: 10px;  
    align: center;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
    .Portcolumn {
        width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .Portcolumn {
        width: 100%;
    }
}