 .sec-1 {
     min-height: 32vh;
     max-width: 80vw;
     background-color: #ECEEEF;
     margin-left: 10%;
     margin-top: 3%;
     text-align: center;
     padding: 5%;
 }
 
 .sec-1 h1,
 .sec-2 h1,
 .sec-3 h1 {
     line-height: 2;
 }
 
 .sec-2 {
     min-height: 28vh;
     max-width: 80vw;
     background-color: #ffffff;
     margin-left: 10%;
     text-align: center;
     padding: 5%;
 }
 
 .sec-3 {
     min-height: 60vh;
     max-width: 80vw;
     background-color: #ffffff;
     margin-left: 10%;
     margin-top: 5%;
     text-align: center;
     padding: 5%;
     background-image: url("../images/glass3.jpg");
     background-size: cover;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }
 
 .sec-4 {
     min-height: 50vh;
     max-width: 80vw;
     background-color: #ECEEEF;
     margin-left: 10%;
     margin-top: 5%;
     text-align: center;
     padding: 3%;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }
 
 .sec-4 h1 {
     margin: 3%;
 }
 
 .btn-1 {
     display: inline-block;
     width: 13vw;
     height: 05vh;
     border-radius: 5%;
     position: relative;
     box-shadow: 5px 5px 20px #000000;
     margin-top: 5%;
 }
 
 .btn-1 a {
     text-decoration: none;
     color: rgb(255, 255, 255);
     position: relative;
     top: 15%;
 }
 
 .btn-1:hover {
     /* transform: scale(1.2); */
     box-shadow: 0px 0px 20px #02045e;
     background-color: #02045e;
 }
 
 .insta-btn {
     min-width: 150px;
     min-height: 40px;
     font-size: 150%;
     padding: 5%;
     margin-top: 5%;
     text-decoration: none;
     color: rgb(255, 255, 255);
     position: relative;
     background-image: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
     box-shadow: 0px 0px 10px #cc2366;
 }
 /* slider */
 
 .column {
     flex: 33.33%;
     max-width: 33.33%;
     padding: 0 4px;
 }
 
 .column img {
     margin-top: 8px;
     vertical-align: middle;
     width: 100%;
 }
 /* exp */
 
 .flip-box {
     background-color: #ECEEEF;
     width: 150px;
     height: 50px;
     border: 1px solid #f1f1f1;
     perspective: 1000px;
     display: inline-block;
 }
 
 .flip-box-inner {
     position: relative;
     width: 100%;
     height: 100%;
     text-align: center;
     transition: transform 0.8s;
     transform-style: preserve-3d;
 }
 
 .flip-box:hover .flip-box-inner {
     transform: rotateY(180deg);
 }
 
 .flip-box-front,
 .flip-box-back {
     position: absolute;
     width: 100%;
     height: 100%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     overflow: hidden;
 }
 
 .flip-box-front {
     background-color: #ECEEEF;
     color: black;
 }
 
 .flip-box-back {
     background-color: #ECEEEF;
     color: white;
     transform: rotateY(180deg);
 }
 /*  sliderResponsive layout - makes a two column-layout instead of four columns */
 
 @media screen and (max-width: 800px) {
     .column {
         flex: 50%;
         max-width: 50%;
     }
 }
 
 div.gallery {
     margin: 0.5%;
     float: left;
     width: 24%;
 }
 
 div.gallery img {
     width: 100%;
     height: auto;
 }
 /* mob responsiveness */
 
 @media screen and (max-width: 500px) {
     .sec-3 {
         color: white;
     }
     .btn-1 {
         width: auto;
         height: auto;
         padding: 05%;
     }
     div.gallery {
         width: 100%;
     }
 }
 /* tablet css */
 
 @media only screen and (min-device-width: 600px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
     .sec-1 {
         font-size: 120%;
     }
     .sec-2 {
         font-size: 120%;
     }
     .sec-3 {
         color: white;
         font-size: 120%;
     }
     .btn-1 {
         display: inline-block;
         width: 35vw;
         height: 05vh;
         border-radius: 5%;
         position: relative;
         box-shadow: 5px 5px 20px #000000;
         margin-top: 5%;
         font-size: 35px;
     }
     div.gallery {
         margin: 0.5%;
         float: left;
         width: 48%;
     }
 }