/* For desktop: */
 /* header starts now */
 
 .col-1 {
     width: 8.33%;
 }
 
 .col-2 {
     width: 16.66%;
 }
 
 .col-3 {
     width: 25%;
 }
 
 .col-4 {
     width: 33.33%;
 }
 
 .col-5 {
     width: 41.66%;
 }
 
 .col-6 {
     width: 50%;
 }
 
 .col-7 {
     width: 58.33%;
 }
 
 .col-8 {
     width: 66.66%;
 }
 
 .col-9 {
     width: 75%;
 }
 
 .col-10 {
     width: 83.33%;
 }
 
 .col-11 {
     width: 91.66%;
 }
 
 .col-12 {
     width: 100%;
 }
 
 .nav-heading h1 {
     text-align: center;
     display: block;
 }
 /* header ends now */
 /* section1 starts now */
 
 .weather_top_icon {
     top: 20px;
     right: 150px;
 }
 
 .weather_bottom_icon {
     bottom: 20px;
     left: 150px;
 }
 
 .weather_top_icon:hover {
     transform: rotate(360deg) scale(1.5);
 }
 
 .weather_bottom_icon:hover {
     transform: rotate(360deg) scale(1.4);
 }
 
 .weather_dec p {
     width: 60%;
 }
 /* section1 ends now */
 /* achievements start now */
 
 .button_reset {
     padding: 12px 25px;
     font-size: 18px;
 }
 
 .more_contact {
     position: relative;
 }
 
 button.btn {
     font-size: 35px;
     width: 50px;
     height: 50px;
     margin: 7px;
 }
 
 .media_icon {
     position: absolute;
     margin-top: 130px;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
 /* achievements ends now */
 /* footer ends now */
 /* footer ends now */