.main {
	text-align: center;
}

#ios-install {
	display: none;
}

* {
            box-sizing: border-box;
        }

        .some-page-wrapper {
            margin: 0px;
        }

        .row {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
        }

	.column11 {
            background-color: black;
            height: 45px;
            width: 15%;
            flex-direction: column;
            padding: 13 5 13 5;
	    text-align:center;            
            
        }
        .column1 {
            background-color: black;
            height: 45px;
            width: 15%;
            flex-direction: column;
            padding: 1 5 1 5;
            text-align: center;
           
        }

        .column2 {
	    background-color: black;
            height: 45px;
            width: 70%;
            flex-direction: column;
            color: #ffffff;
            padding: "5 35";
            font-size: calc(11px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
            font-family: Calibri;
            padding-top: 11px;
	    padding-bottom: 10px;
            text-align: center;
	   
        }
	.column21{

            background-color: black;
            height: 45px;
            width: 70%;
            flex-direction: column;
            color: #ffffff;
            padding: "5 35";
            font-size: calc(11px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
            font-family: Calibri;
            padding-top: 20;
	    padding-bottom:13;
            text-align: center;
        }
	
	 .column4 {
	    text-align:center;
            height: 45px;
            padding: "5 35";
            font-size: medium;
            font-family: Calibri;
            padding-top: 11;
    	    padding-left: 20;
	    padding-right:20;          
        }
        .column3 {
            background-color: #E40F13;
            height: 45px;
            width: 15%;
            flex-direction: column;
            font-size: 9px;
            font-family: calibri;
            color: #ffffff;
            text-align: center;
            padding-top: 8px;
        }

        .bodyDiv {
            background-color: #ffffff;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .bgImgDiv {
            width: 100%;
            height: 100%;
            background-position: top;
            background-repeat: no-repeat;
            background-image: url('img/BG.png');
        }

        .button {
            background-color: #C00000;
            /* Red */
            padding: 5px 10px;
            border-radius: 8px;
            color: #ffffff;
            text-decoration: solid;
        }

        .dbsImg {
            width: 20%;
            height: 30px;
            background-position: left;
            background-repeat: no-repeat;
            background-color: black;
        }

        .header1 {
            width: 70%;
            height: 30px;
            background-color: black;
        }

        .header2 {
            width: 10%;
            height: 30px;
            background-color: #E40F13;
        }

        p.calibri {
            font-family: Calibri;
            text-align: center;
            font-size: 12px;
        }

        .fun {
            text-align: center;
        }

        .fun1 {
            text-align: top;
        }

        .imgfun {
            height: 3%;
            vertical-align: middle
        }

        .col1img {
            alt: DBS-logo;
            height: 60%;
	    padding-top:11px;
        }
	 .col11img {
            alt: DBS-logo;
            width: 60%;
            padding-top:11px;
        }

        .helper {
            display: inline-block;
            height: 60%;
            vertical-align: middle;
        }
.modal {
	  display: none;
	  position: fixed;
	  z-index: 1;
	  padding-top: 100px;
	  left: 0;
	  top: 0;
	  width: 100%; 
	  height: 100%; 	
	  overflow: auto; 
	  background-color: rgb(0,0,0); 
	  background-color: rgba(0,0,0,0.4); 
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal {
	  display: none;
	  position: fixed;
	  z-index: 1;
	  padding-top: 100px;
	  left: 0;
	  top: 0;
	  width: 100%; 
	  height: 100%; 	
	  overflow: auto; 
	  background-color: rgb(0,0,0); 
	  background-color: rgba(0,0,0,0.4); 
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}