* {
            box-sizing: border-box;
        }

        body {
            margin: 0;
            font-family: Arial;
        }
        .row {
            display: -ms-flexbox; /* IE10 */
            display: flex;
            -ms-flex-wrap: wrap; /* IE10 */
            flex-wrap: wrap;
            padding: 0 4px;
        }

        /* Create four equal columns that sits next to each other */
        .column {
            -ms-flex: 100%; /* IE10 */
            flex: 100%;
            max-width: 100%;
            padding: 0 4px;
        }
        .column2 {
            -ms-flex: 100%; /* IE10 */
            flex: 100%;
            max-width: 100%;
            padding: 0 4px;
        }

        .column img {
            margin-top: 8px;
            vertical-align: middle;
            <!-- width: 100%; -->
        }

        /* Responsive layout - makes a two column-layout instead of four columns */
        @media screen and (max-width: 800px) {
            .column {
                -ms-flex: 100%;
                flex: 100%;
                max-width: 100%;
            }
            .column2 {
                -ms-flex: 100%;
                flex: 100%;
                max-width: 100%;
            }
        }

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

		.title {
				position: absolute;
				color: #FFFFFF;
				font-style: normal;
				font-weight: 500;
				font-family: 'Lobster 1.4' !important;
				text-shadow: 0 0 10px #000000;
				z-index: 1;
				white-space: nowrap;
			}

				.subtitle {
					position: absolute;
						display: inline-flex;
						align-items: center;
						justify-content: center;
						font-style: normal;
						color: #000000;
						font-weight: 900;
						font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
						padding: 0px 2px;
						background-color: #FFFFFF;
						border-radius: 13px;
						z-index: 2;
						line-height: 0.2;
						white-space: nowrap;
					}

		
		.content p{
				position: absolute;
				font-weight: 700;
				font-stretch: condensed;
				font-style: italic; 
				color: #FFFFFF;
				font-family: "Helvetica Neue LT Pro", Helvetica, Arial, sans-serif !important;
				padding: 3px;
				white-space: nowrap;
				z-index: 1;
		}

		.top p {
			position: absolute;
			font-weight: bold;
			color: #000000; /* Make sure the color is dark enough */
			font-family: "Montserrat", sans-serif;
			padding: 3px;
			white-space: nowrap;
			z-index: 1;
		}

        .bottom p{
			position: absolute;
			/* font-style: italic; */
			font-family: "Helvetica LT Std", sans-serif;
			font-weight: bold;
			font-stretch: condensed;
			padding: 3px;
			color: #ffffff;
			white-space: nowrap;
        }
  
		
		.page3 {
			position: absolute;
			color: #FFFFFF;
			font-family: "Montserrat", sans-serif;
			font-weight: 400;
			padding: 1px;
			text-align: center;
			white-space: nowrap;
			line-height: 1.2; /* Adjust the value as needed */
			z-index: 1;
			white-space: nowrap;
		}

		.page3 .highlight1 {
			color: #f7931e;
			font-style: italic;
			font-weight: 800;
		}

		.page3 .highlight2 {
			  position: relative;
			  top: -10px; 
		}

		.page3 .highlight3 {
			position: relative;
			top: -11px;
			color: #f7931e;
			font-weight: 800;
			font-size: 23px;
			font-style: italic;
			}
				
		 .column .w3-container{
            background-color:#EBEBEB;
            font-family:Gotham, sans-serif;
            padding-top: 30px;padding-bottom: 0px;
            background-repeat: no-repeat;
            background-size: 68.5% 100%;
            min-height: 881px;
            width: 100%;
            margin: 0;
            position: relative;
        }
        .column .textbackground{
            text-align: inital;
            line-height: 1;
        }
        .column .textbackground h2{
            margin-top: 0px;
            font-color: black;
            color: black;
            text-align: initial;
        }
        .column .textbackground p{
            color: #000;text-align: initial;
        }
			
				.main{
				font-size: 14vw;
				margin-left: 13%;
				margin-top: 5.5%;
			}
			
			.submain{
             font-size: 3vw;
			margin-left: 36%;
			margin-top: 1.5%;
		}
			.text1{
				font-size: 5.5vw;
					margin-left: 4%;
					margin-top: 30.5%;
				
            }
            .text2{
				font-size: 4.4vw;
				margin-left: 10%;
				margin-top: 37.8%;
				}
				
            .text3{
				font-size: 4.4vw;
				margin-left: 10%;
				margin-top: 43.8%;
            }
            .text4{
                font-size: 4.4vw;
				margin-left: 10%;
                margin-top: 49.5%;
            }
        
		.text5{
			font-size: 2.5vw;
			margin-top: 7.5%;
			margin-left: 77px;
		}
        .text6{
			font-size: 2.5vw;
			margin-left:8%;
			margin-top: 16.5%;
        }
        .text7{
			font-size: 2.5vw;
			margin-top: 35.5%;
			margin-left: 11%;
		}
		
		.text8{
			font-size: 2.5vw;
			margin-top: 25.5%;
			margin-left: 7%;
		}
		
		.text9{
			font-size: 2.5vw;
			margin-top: 49.5%;
			margin-left: 11%;
		
		}
		.text10{
			font-size: 2.5vw;
			margin-top: 61.5%;
			margin-left: 11%;
		}
			
		.text11{
			font-size: 2.5vw;
			margin-top: 12%;
			margin-left: 4%;
		}
		.text12{
			font-size: 2.5vw;
			margin-top: 21%;
			margin-left: 4%;
		}
			
		.text13{
			text-align: center;
			font-size: 2.5vw;
			margin-top: 30.5%;
			margin-left: 4%;
		}
		
		.text14{
			font-size: 2.5vw;
			margin-top:39.5%;
			margin-left: 4%;
		}
		.text15{
	      font-size: 2.5vw;
			margin-top: 53.8%;
			margin-left: 4%;
		}
		
		.text16{
			font-size: 2.5vw;
			margin-top: 66.5%;
			margin-left: 4%;
		}
				
		.text17{
		font-size: 2.5vw;
		margin-top: 17.5%;
		margin-left: 5%;
		}
				.text18{
		font-size: 2.5vw;
		margin-top: 17.5%;
		margin-left: 5%;
		}
		.text19{
		font-size:2.5vw;
		margin-top: 17.5%;
		margin-left: 5%;
		}
		.text20{
			font-size: 2vw;
			margin-top: 17.5%;
			margin-left: 10%;
		}
		
		
		
        /* samsung galaxy 8 */
        @media only screen and (min-width: 340px) and (max-width: 740px) {
            
			.main{
				font-size: 11vw;
				margin-left: 17%;
				margin-top: 9.5%;
            }
			
				.submain{
					font-size: 3vw;
					margin-left: 30%;
					margin-top: 5.5%;
				}
				
			.text1{
				font-size: 5.5vw;
					margin-left: 4%;
					margin-top: 30.5%;
				
            }
            .text2{
				font-size: 4.4vw;
				margin-left: 10%;
				margin-top: 37.8%;
				}
				
            .text3{
               font-size: 4.4vw;
                margin-left: 10%;
                margin-top: 43.2%;
            }
            .text4{
               font-size: 4.4vw;
                margin-left: 10%;
                margin-top: 48.5%;
            }
            .text5{
				
				font-size: 2.5vw;
				margin-top: 7.5%;
				margin-left: 20px;
            }
            .text6{
		   text-align: center;
			font-size: 2.5vw;
			margin-top: 16.8%;
			margin-left: 5%;
			}
            
            .text7{
				text-align: center;
				font-size: 2.5vw;
				margin-top: 25.5%;
				margin-left: 5%;
            }
				.text8{
		    font-size: 2.5vw;
			margin-top: 35.5%;
			margin-left: 5%;
            }
				.text9{
			    font-size: 2.5vw;
				margin-top: 48.8%;
				margin-left: 5%;
			}
				.text10{
			font-size: 2.5vw;
			margin-top: 60.5%;
			margin-left: 5%;
            }
            .text11{
                text-align: center;
				font-size: 2vw;
				margin-top:12.5%;
				margin-left: 5%;
            }

				.text12{
                text-align: center;
				font-size: 2vw;
				margin-top: 21.5%;
				margin-left: 5%;
            }
				.text13{
                text-align: center;
				font-size: 2vw;
				margin-top:30.5%;
				margin-left: 5%;
            }
				.text14{
				font-size: 2vw;
				margin-top: 39.5%;
				margin-left: 5%;
            }
				.text15{
				font-size: 2vw;
				margin-top: 53.5%;
				margin-left: 5%;
            }
			            
			.text16{
				font-size: 2vw;
				margin-top:65.5%;
				margin-left: 5%;
            }
			.text17{
				font-size: 2vw;
				margin-top: 21.5%;
				margin-left: 5%;
		}
					.text18{
				font-size: 2vw;
				margin-top: 21.5%;
				margin-left: 5%;
		}
					.text19{
				font-size: 2vw;
				margin-top: 21.5%;
				margin-left: 5%;
		}
					.text20{
				font-size: 2vw;
					margin-top: 17.5%;
					margin-left: 9%;
				}
	}