@media screen and (min-width: 200px) {


#start1 {
       width: 99%;
    }

        .temp3 {
       width: 97%;

}
         #enrolteam {
      width: 98%;
    }
         #canfive2 {
       width: 99%;
    }

     #canfive4 {
       width: 99%;
    }


}


  @media screen and (min-width: 300px) {

}


 @media screen and (min-width: 350px) {
 #start1 {
       width: 97%;
    }
                .temp3 {
       width: 90%;
    }
             #enrolteam {
      width: 85%;
    }
         #canfive2 {
       width: 97%;
    }

     #canfive4 {
       width: 97%;
    }

}

@media screen and (min-width: 450px) {
    #start {
       margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
}


.temp {
       margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
}
        .temp3 {
       width: 80%;
    }


     #enroltop8 {
      /*min-width: 90vw;*/
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
      #enrolteam {
      flex:0 0 calc(65% - 10px);
    }

      .footdev {
     margin-left: 0px;
}
    #canfive {
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
}
 #canfive2 {
      flex:0 0 calc(94% - 10px);
    }

     #canfive4 {
      flex:0 0 calc(94% - 10px);
    }



}

 @media screen and (min-width: 600px) {
#start1 {
      flex:0 0 calc(94% - 10px);
    }

      #enrolteam {
      flex:0 0 calc(50% - 10px);
    }
}

  @media screen and (min-width: 700px) {


  #start1 {
      flex:0 0 calc(50% - 10px);
    }
    .temp3 {
      flex:0 0 calc(33% - 10px);
    }
            .orderer2 {
     order: 2;
  }
        .footdev {
     margin-left: 70px;
}

}






  @media screen and (min-width: 800px) {

.navbaa{
    display: none;
}
.navul {
   display: flex;
}
.logdif {
   width: 20%;
     float: left;
}
.navdif1 {
   width: 70%;
   /*margin-top: 15px;*/
}

.navdif2 {
   width: 28%;
   /*margin-top: 7px;*/
}
 .temp3 {
      flex:0 0 calc(30% - 10px);
    }

    #enrolteam {
      flex:0 0 calc(40% - 10px);
    }


}



    @media screen and (min-width: 1000px) {
.navdif1 {
   width: 60%;
   /*margin-top: 15px;*/
}

.navdif2 {
   width: 38%;
   /*margin-top: 7px;*/
}
     #enrolteam {
      flex:0 0 calc(25% - 10px);
    }
         #canfive2 {
      flex:0 0 calc(70% - 10px);
    }

     #canfive4 {
      flex:0 0 calc(30% - 10px);
    }
.cansix1 {
  margin-top: 0px;
}

}


 @media screen and (min-width: 1300px) {
 #enrolteam {
      flex:0 0 calc(25% - 10px);
    }
.widtha3{
  width: 80%;
}
}






 @media screen and (min-width: 1400px) {

                                    }







 @media screen and (min-width: 2100px) {
             .allbod {
                      width: 2000px;
                      display: block;
                      margin-left: auto;
                      margin-right: auto;
             }

             nav.puke {
 width: 2000px;
}

}



     @media screen and (max-width: 770px) {


}


     @media screen and (max-width: 600px) {
.svg1 {
    width: 13%;
}

.svg2 {
    width: 87%;
}


}



     @media screen and (max-width: 550px) {

                            
.svg1 {
    width: 17%;
}
.svg2 {
    width: 83%;
}

}

     @media screen and (max-width: 500px) {


}


   @media screen and (max-width: 450px) {



}




     @media screen and (max-width: 400px) {
.navbaa{
    font-size: 20px;
    margin-left: 10px;
}

.logsize {
   width: 80px;
}
nav {
   height: 100px;
}

.fontbut {
     font-size: 12px;
}

.navdif2 {

   margin-top: 2px;
}
.divdif {
   padding-left: 15px;
}
.alfy{
       padding-left: 15px;
}
.alfy2{
       padding-right: 15px;
}
.logres {
    margin-top: -7px;
}
 .svg1 {
    width: 20%;
}
.svg2 {
    width: 80%;
}
.navdif22 {
   width: 75%;
}

}

     @media screen and (max-width: 350px) {

   .svg1 {
    width: 24%;
}
.svg2 {
    width: 74%;
}
                       .theofooths1 {
  display: none;
}

.theofooths2 {
  display: inline-block;
}


}


     @media screen and (max-width: 300px) {

.navbaa{
    font-size: 15px;
    margin-left: 10px;
}

.logsize {
   width: 70px;
}

.fontbut {
     font-size: 10px;
}

}



@media screen and (max-width: 260px) {

.abotin {
   display: none;
}

.abotin2 {
   display: flex;
}
 .svg1 {
    width: 30%;
}
.svg2 {
    width: 70%;
}
}


     @media screen and (max-width: 250px) {

.navdif22 {
   width: 90%;
}


}


 @media screen and (max-width: 220px) {

.svg1 {
    width: 33%;
}
.svg2 {
    width: 67%;
}

   }







  @media screen and (max-width: 200px) {



}