body, h1, h2, h3, h4, h5, section, div, span, html{
        font-family: Ubuntu !important;
    }
    
    
    .dropbtn {
      background-color: #4CAF50;
      color: white;
      padding: 16px;
      font-size: 16px;
      border: none;
      cursor: pointer;
    }
    
    .dropdown {
      position: relative;
      display: inline-block;
    }
    
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
    .dropdown-content a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }
    
    .dropdown-content a:hover {background-color: #f1f1f1}
    
    .dropdown:hover .dropdown-content {
      display: block;
    }
    
    .dropdown:hover .dropbtn {
      background-color: #3e8e41;
    }
    /******swinging pic*****/
    .menu-text:hover{
    color: white;
    }
    li:hover{
    color: teal !important;
    }
    
    .a:hover{
    color: teal !important;
    }
    body{
        font-family: Ubuntu;
    }
    
    a:hover{
        color: turquoise !important;
    }
    .swing {
        /*animation: swing ease-in-out 100s infinite alternate;*/
        transform-origin: center -20px;
        float:left;
        box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    }
    .swing img {
        border: 5px solid #f8f8f8;
        display: block;
    }
    .swing:after{
        content: '';
        position: absolute;  
        width: 20px; height: 20px;  
        border: 1px solid #999;
        top: -10px; left: 50%;
        z-index: 0;
        border-bottom: none;
        border-right: none;
        transform: rotate(45deg);
    }
    /* nail */
    .swing:before{
        content: '';
        position: absolute;
        width: 5px; height: 5px;
        top: -14px;left: 54%;
        z-index: 5;
        border-radius: 50% 50%;
        background: #000;
    }
     
    @keyframes swing {
        0% { transform: rotate(3deg); }
        100% { transform: rotate(-3deg); }
    }
    
    @media screen and (max-width: 600px) {
        .swingpic{
            width: 100px;
            margin-left: -60px !important;
        }
       .spantext{
        font-size: 20px;
    
       }
       .link-area{
           font-size: small !important;
       } 
       #rootify-connect{
           margin-top: -180px;
           width: 100px !important;
       }
       #myBtn{
           width: 80%;
           font-size: 0.5em !important;
           height: 80px;
           margin-top: -60px;
       }
       a:hover{
           color: teal !important;
       }
       .a:hover{
           color: teal !important;
       }
       h1,h2,h3{
           font-size: small !important;
       }
    }
   


    /*******inline*****/

    .icon-box-5e3326265f5a8 .icon {
        font-size: 40px;
    }.icon-box-5e3326265f5a8 .heading {
        font-size: 24px;
    }
.icon-box-5e3326265f635 .icon {
        font-size: 40px;
    }.icon-box-5e3326265f635 .heading {
        font-size: 24px;
    }
.icon-box-5e3326265f6ac .icon {
        font-size: 40px;
    }.icon-box-5e3326265f6ac .heading {
        font-size: 24px;
    }
.icon-box-5e3326265f972 .icon {
        font-size: 40px;
    }.icon-box-5e3326265f972 .heading {
        font-size: 24px;
    }
.icon-box-5e3326265f9f5 .icon {
        font-size: 40px;
    }.icon-box-5e3326265f9f5 .heading {
        font-size: 24px;
    }
.icon-box-5e3326265fa6b .icon {
        font-size: 40px;
    }.icon-box-5e3326265fa6b .heading {
        font-size: 24px;
    }
.app-button-5e33262660e98 .app-button {
        background-color: teal;
    }
    .app-button-5e33262660e98 .app-button .decor {
        color: teal;
    }


    /****modal****/

    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
      }
      
      /* Modal Content */
      .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
      }
      
      /* The Close Button */
      .close {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
      }
      
      .close:hover,
      .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
      }
      @media screen and (max-width: 600px) {
          .home-text{
              font-size: small;
              list-style: 5px;
              margin-top: -60px;
              
          }
              #modal-txt{
                 font-size: 13px !important;
              }
             
              #myBtn1{
                  margin-top: -180px;
                  margin-left: -460px;
                  
                 
                  
              }
           .btn1container{
               padding-right: 0px;
           }

              #myBtn2{
                margin-top: -100px;
                margin-left: -250px;
                font-size: 6px !important;
               line-height: 8px;
             
                
            }
              #swingpic{
                  width: 20px !important;
              }

              .button-style1{
                width: 140px !important;
               
                height: 50px !important;
                font-size: 10px !important;
            }
            .btn2text{
                margin-top: -10px;
                margin-left: -20px;
                
               
            }
            
          }

          @media screen and (min-width: 601px) {
            .banner-item-5e3326265eab5{
                width: 40px;
            }
            
            .btn2text{
                font-size: 10px !important;
                line-height: 10px;
            }
              .swingpic{
                  width: 450px;
              }
            #img1{
                width: 30px !important;
                height: 30px !important;
               margin-top: -200px;
            }
            #img2{
                width: 100px !important;
                height: 40px !important;
                margin-top: -200px;
            }
            #myBtn1{
                margin-top: -150px;
                margin-left: -20px;
                height: 40px;
            }
            .banner-item-5e3326265eab5{
                width: 100vw;
            }
            #myBtn2{
                margin-top: -100px;
                height: 40px;
                
            }
            
            }
            @media screen and (min-width: 720px) {
                .banner-item-5e3326265eab5{
                    width: 100vw !important;
            }
            .swingpic{
                padding-top: 50px;
                margin-top: -100px;
            }
            #img1{
                width: 50px !important;
                height: 80px !important;
               margin-top: -200px;
            }
            #img2{
                width: 200px !important;
                height: 80px !important;
                margin-top: -200px;
            }
            #myBtn1{
                margin-top: -150px;
                margin-left: -20px;
            }
            .banner-item-5e3326265eab5{
                width: 100vw;
            }
            #myBtn2{
                margin-top: -100px;
                height: 100px;
                
            }
        }


        

    .nl {
        font-weight: normal;
        font-family: 'Crete Round', georgia, serif;
        color: #524d4d;
        text-shadow: 0 2px 2px #111;
        margin-bottom: 40px;
        text-transform: capitalize;
      }
      
      input {
        font: 19px "Open Sans", Helvetica, Arial, Sans-serif;
        border-radius: 3px;
        box-shadow: 0 2px 2px #000  !important;
      }
      
      .p-age {
        width: 500px;
        margin: 50px auto 0;
      }
      /*
      form input,
      form input:focus {
        padding: 10px 13px;
        border: 0;
        outline: 0;
        color: black !important;
      }*/
      
      form input[type="email"] {
        margin-right: 15px;
        width: 300px;
        color: black !important;
      }
      
      form input[type="submit"] {
        padding: 10px 15px;
        color: #c0d6db;
        background: #427b89;
        text-shadow: 0 2px 2px #333;
        box-shadow: inset 0 0 0 transparent;
        background: #508f9f;
        background: linear-gradient(to bottom, #508f9f 0%,#346976 100%);
        transition: all .3s ease-in-out;
      }
      
      form input[type="submit"]:hover,
      form input[type="submit"]:focus {
        box-shadow: inset 0 0 50px rgba(255,255,255, 0.3),
                          0 0 10px rgba(255,255,255, 0.1);
        color: white;
        margin-left: 10px;
      }
          
      @media screen and (max-width: 600px) {
                    #fm1{
                        width: 150px;
                        font-size: 10px;
                    }
                    form input[type="text"] {
                        font-size: 10px;
        
      }
      #textsize{
          font-size: 0.6em;
      }
      #imgsize{
          height: 200px !important;
      }
      #mc_embed_signup{
          margin-left: -250px !important;
          width: 200px !important;
      }
                  }