@media only screen and (max-device-width: 700px) {
    .logo {
        display: none;
        
    }

    .homepage {
        padding: 23px;
    }

    .homepage h1 {
        font-size: 40px;
        padding-top: 0px;
        margin-top: 36px;
    }

    .homepage p {
        font-size: 18px;
        text-align: left;
        padding: 0;
    }

    .timeline,
    .text-timeline {
        display: none;

    } 

    .responsive {
        display: block;
        background: #839DDB;
        width: 100%;
        height: 100vh;
        padding:  23px;
        overflow-y: auto;
        
    }

    .responsive h1 {
        font-size: 38px;
        color: #fff;
        padding: 20px 0px;
        -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000; 
    }
    .responsive h3 {
        font-size: 35px;
        color: #000;
        padding: 40px 0;
    }

    .logo-mobile {
        display: block;
        margin-top: unset;
        margin-left: unset;
        height: auto;
        width:35%;
        padding-left: 23px;
        padding-top: 23px;
    }

    .flex h1 {
        font-size: 45px;
    }

    .flex-container {
        display: block;
        padding: 0 20px;
    }

    .ballet-container {
        padding: 23px;
    }

    .text-ballet h1 {
        font-size: 45px;
        margin-top: 18px;
        margin-left: unset;
        height: unset;
    }

    .text-ballet p {
        padding-left: 0px;
        margin-left: unset;
        margin-right: unset;
        
    }

    .ballet figure img {
        display: none;
    }

    .img-ballet-responsive {
        display: block;
     
    }
    .img-ballet-responsive img {
        width: 100%;
        height: auto;
    }



    .african { 
        padding-top: 20px;
    }

    .text-african h1 {
        font-size: 45px;
        padding-left: 0;
        margin-left: unset;
    }

    .text-african p {
        font-size: 18px;
        column-count: 1;
        text-align: left;
        padding-left: 0;
        margin-left: unset;
        margin-right: unset;
    }

    .african figure img {
        display: none;
    }

    .img-responsive {
        display: block;
    }

    .img-responsive img {
        width: 100%;
        height: auto;
    }

    .seeMore h4 {
        float: unset;
        display: inline-block;
        padding-left: unset;
    }

    .seeMore > div {
        display: inline-block;
    }
    .seeMore > div .arrow {
        float: unset;
        height: 24px;
        margin-top: 0px;
        margin-bottom: -6px;
    }

    
    .jazzing {
        padding: 23px;
    }
   
     .jazz iframe, 
    .modern-jazz iframe,
    .pop iframe {
        width: 100%;
        height: unset;
    }

    .jazzing  h4 {
        display: inline-block;
    }

    .jazzing a {
        display: inline-block;
        margin-bottom: -6px;
    }

   
    .jazz h1,
    .modern-jazz h1,  
    .pop h1 {
        font-size: 45px;
        text-align: left;
        padding-top: 41px;
    }

     .jazz h1 {
        padding: 0;
    }

    .jazz p,
    .modern-jazz p,  
    .pop p {
        padding-top: 10px;
        font-size: 18px;
        text-align: left;
        padding-bottom: 9px;
    }

    .flex {
        padding: 23px;
    }
    .flex h1 { 
        font-size: 45px;
        padding-left: 0px;
    }

    .text-modern p { 
        
        font-size: 18px;
        text-align: left;
        padding: 0;
        padding-top: 5px;
    }
    
    .modern img { 
        
        width: 100%;
        height: unset;
        padding: 0;
    }

    .contemporary-video {
        padding: 23px;
    }

    .contemporary-video iframe {
        width: 100%;
        height: unset;
        padding: 0; 
    }
    
    .text-modern h4 {
      display: inline-block;
      padding-left: 0px;
     }
     
     .text-modern a {
        display: inline-block;
        margin-bottom: -6px;
       }

    .latin-container {
        padding: 23px;
        display: block;
    }

    .text-latin h1 {
        font-size: 45px;
        font-weight: bold ;
        text-align: left;
        white-space: nowrap;
        padding: 0;
        margin-top: 0;
    }
        
    .text-latin p { 
            
        font-size: 18px;
        font-weight: normal;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }

    .latin-responsive {
        display: block;
    }

    .latin-responsive img {
        width: 100%;
        height: auto;
    }
        
    .latin figure img {
      display: none;
    }
        
    .text-latin h4 {
        display: inline-block;
        margin-bottom: -6px;
        padding-left: 0;
        padding-top: 0;
    }
        
    .seeMore div {
        padding-top: 9px;
    }
        

    .text-latin h4 {
        padding-left: 0;
        padding-top: 7px; 
    }
        
    .gallery {
        column-count: 3;
        padding: 15px;
       
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 10px;
    }
        
    .gallery img { 
        width: 100%;
        margin-bottom: 15px;
    }

    .style {
        padding: 23px;
    }


    .hip-hop h1 { 
        font-size: 35px;
        padding: 5px 23px;
    
    }
    
    .dancestyle { 
        padding: 23px;
        display: block;
        
    
    }
    
    .dancestyle h2 { 
        margin-top:0;
    }
    
    /* .dancestyle > div {
        flex: 1;
    } */
    
    .dancestyle figure {
        width: 100%;
        height:unset;
        margin: 0;
        padding-left: 0;
    }
    
    .dancestyle figure iframe {
        width: 100%;
        height: unset;
    
    }
    
    .hip .two,
    .popping .two,
    .robot .two, 
    .waacking .two, 
    .disco .two, 
    .breakdance .two  {
        text-align: center;
    
    }
    
    .hip,
    .popping,
    .robot, 
    .waacking, 
    .disco, 
    .breakdance  {
    display: block;
    
    }
    
    .locking, 
    .waving, 
    .voguing, 
    .house, 
    .krump {
    display: block;
    
    
    }
    
    .one { 
        padding: 0;
    }
    
    .two {
        padding: 0;
    }
    
    .hip h2,
    .popping h2,
    .robot h2, 
    .waacking h2, 
    .disco h2, 
    .breakdance h2,
    .locking h2, 
    .waving h2, 
    .voguing h2, 
    .house h2, 
    .krump h2 {
    
    font-size: 30px;
    font-weight: normal;
    padding: 0;
    padding-bottom: 0;
    
    }
    
    .hip p,
    .popping p,
    .robot p, 
    .waacking p, 
    .disco p, 
    .breakdance p,
    .locking p, 
    .waving p, 
    .voguing p, 
    .house p, 
    .krump p {
    
    font-size: 18px;
    font-weight: normal;
    padding: 10px;
    padding-left: 0;
    }

    .hip img {
        width: 100%;
        height: unset;
    }
    
    .scroll a {
        display: block;
        text-align: center;
    }

    .text-finish {
        width: auto;
    }

}