@media screen and (min-width: 200px) {
.start1 {
       width: 99%;
    }

 .start11 {
       width: 99%;
    }

.temp3 {
       width: 94%;

}

.temp2 {
       width: 98%;
    }

.startbut {
	  /*word-spacing: 3px;*/
}

.butcall {
	  padding: 7px 20px;
}
.butmail {
	   padding: 7px 20px;
}

   #berty {
       /*margin-right: 10px;*/
}

  #mag2 {
        width: 97%;
    }
         #enrolteam {
      width: 98%;
    }



 }


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

 .start {
       margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
}

.start1 {
      flex:0 0 calc(70% - 10px);
      padding-top: 3px;
     padding-bottom: 3px;
    }

.start11 {
      flex:0 0 calc(30% - 10px);
      padding-top: 3px;
     padding-bottom: 3px;

    }

      .temp3 {
       width: 90%;
    }


 .mainlog {

 	  /*width: 80px;*/
 	  /*margin-top: 13px;*/
 }

 .berty1 {
/*margin-top: 40px;*/

}


  }

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

 .temp2 {
       width: 97%;
    }

    .temp3 {
       width: 80%;
    }

    .startbut {
	  /*word-spacing: 4px;*/
}

.butcall {
	  padding: 7px 27px;
}
.butmail {
	   padding: 7px 27px;
}

 #mag2 {
        width: 90%;
    }

     #enrolteam {
      width: 85%;
    }



 }




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

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

 .fourthban {
             margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }


.tempor {
       margin: 0 auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
}

.footemp4 {
  flex: 0 0 calc(50% - 10px);
     /*padding-left: 24px;*/
}

.footemp {
  flex: 0 0 calc(50% - 10px);
     /*border-right: 2px solid rgb(250,167,50);*/
}

.backtemp {
  flex: 0 0 calc(50% - 0px);
}

.footempt {
  flex: 0 0 calc(50% - 10px);
}


  .footemper {
  	    padding-left: 30px;
  }


    .temp3 {
       width: 70%;
    }

.start1 {
      flex:0 0 calc(80% - 10px);
    }

.start11 {
      flex:0 0 calc(20% - 10px);
    }

       .startbut {
	  /*word-spacing: 6px;*/
}

.butcall {
	  padding: 10px 50px;
}
.butmail {
	   padding: 10px 50px;
}

  .backorder4 {
  	order: 3;
  }

  .backorder3 {
  	order: 4;
  }

  .backorder6 {
  	order: 6;
  }

  .backorder5 {
  order: 5;
  }

  .backorder8 {
  	order: 7;
  }

  .backorder7 {
  	order: 8;
  }


    #mag2 {
        width: 90%;
    }
          #enrolteam {
      flex:0 0 calc(65% - 10px);
    }


    .backmager1 {
      height: 300px;
}

.backmager2 {
      height: 300px;
}

.backmager3 {
      height: 300px;
}


.backmager4 {
      height: 300px;
}



.backer1 {
      height: 300px;
}


.backer2 {
      height: 300px;
}

.backer3 {
      height: 300px;
}

.backer4 {
      height: 300px;
}




}


 @media screen and (min-width: 600px) {
        .startbut {
	  /*word-spacing: 8px;*/
}

.butcall {
	  padding: 10px 70px;
}
.butmail {
	   padding: 10px 70px;
}
.mainlog {
     /*width: 80px;*/
 }

    .temp3 {
      flex:0 0 calc(33% - 10px);
    }


.temp2 {
      flex:0 0 calc(94% - 10px);
    }

    .pada1{
	  /*height: 100px;*/
}

.pada2 {
	   /*height: 50px;*/
}

.berty1 {
	  	 /*margin-top: 50px;*/
}

     #mag2 {
        width: 80%;
    }

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


 }

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

    .startbut {
	  /*word-spacing: 10px;*/
}

    .butcall {

    	padding: 10px 100px;
    }

        .butmail {

    	padding: 10px 100px;
    }

    .pada1{
	  /*height: 90px;*/
}

  .temp2 {
      flex:0 0 calc(50% - 10px);
    }

    .orderer {
  	 order: 2;
  }

      .footdev {
     margin-left: 20px;
}




 }

  @media screen and (min-width: 800px) {
nav {
	      /*height: 39px;*/
}

nav li a.pun {
      /*color: rgb(20,137,118);*/
}

nav li a.pun:hover {
      /*color: rgb(200, 117, 37);*/
}

nav > ul {
    float: left;
    list-style: none;
}
nav > ul > li {
    text-align: center;
    /*line-height: 40px;*/
    margin-left: 15px;
    text-transform: uppercase;
}
nav > ul li ul li {
    width: 100%;
    text-align: left;
}
nav ul li:hover {
    cursor: pointer;
    position: relative;
}
nav ul li:hover > ul {
    display: block;
    font-size: 14px;
    font-family: monospace;
    list-style: none;
    background-color: black;
    width: 150px;
}
nav ul li:hover > a {
    /*color: rgb(200, 117, 37);*/
}
nav > ul > li > a {
    cursor: pointer;
    display: block;
    outline: none;
    width: 100%;
    text-decoration: none;
}
nav > ul > li {
    float: left;
}
nav li a {
    color: white;
    font-family: kanit;
    /*font-weight: 800;*/
    font-size: 14px;
    /*letter-spacing: 3px;*/
}
nav > ul li ul {
  
}
nav > ul li ul li > a {
    text-decoration: none;
}
.displayul{
	  display: block;
	  /*margin-top: -1px;*/
	  /*background-color: rgb(33,102,162);*/
}

#fontpad3 {
	 display: none;
}
#berty {
       margin-top: 4px;
       padding-left: 70px;

}

#berty.pun {
    margin-top: 0;  
}


.padda {
	  padding: 9.5px 12px;
}




 .startbut {
 margin-left: auto;
	  margin-right: 20px;
	  margin-top: 0;
	  margin-bottom: 0;

 }

     .temp3 {
      flex:0 0 calc(30% - 10px);
    }

    .pada1{
	  /*height: 80px;*/
}

.teamlib.pun {
	   /*background-color: rgb(33,102,162);*/
	   padding-left: 10px;
	   padding-right: 10px;
}

.footemp4 {
  flex: 0 0 calc(25% - 10px);
  /*border-right: 2px solid rgb(250,167,50);*/
}

.footemp {
  flex: 0 0 calc(25% - 10px);
}

.backtemp {
  flex: 0 0 calc(25% - 0px);
}

.footempt {
  flex: 0 0 calc(25% - 10px);
  /*padding-left: 24px;*/
}


  .footemper2 {
  	    padding-left: 30px;
  	    padding-right: 10px;
  }

   .footemper {
  	    padding-right: 10px;
  }

  .backorder4 {
  	order: 4;
  }

  .backorder3 {
  	order: 3;
  }

  .backorder6 {
  	 order: 5;
  }

  .backorder5 {
  order: 6;
  }

  .backorder8 {
  	order: 7;
  }

  .backorder7 {
  	order: 8;
  }

  #navbarrid {
display: none;
}

.mainlog {
     /*margin-top: 2px;*/
 }

  #mag2 {
        width: 70%;
    }

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

  }


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

#berty.pun {
    margin-top: 4px;  
}

 }


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

 #mag2{
           width: 61%;
    }

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

}

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

     #mag2{
           flex:0 0 calc(32% - 2px);
    }

    }



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

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

    .bertydif {
         margin-top: -400px;
}

}



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

                         #enroltop8 {
                                            
                                              width: 1400px;
                                            }
                                
                                    }

                                     @media screen and (min-width: 1800px) {
                   .bertydif {
         margin-top: -500px;
}
 
                                
                                    }


@media screen and (min-width: 2000px) {
                       #try {
                      width: 2000px;
                      margin-left: auto;
                      margin-right: auto;
               }
                 .posfix {
                    width: 2000px;

               }
               .posfix.pun {
                     width: 2000px;
               }
               header {
                    width: 2000px;
               }
             }

                                                  @media screen and (min-width: 2500px) {
                   .bertydif {
         margin-top: -600px;
}
 
                                
                                    }


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


   }





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



   }



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


   }



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

   }


    @media screen and (max-width: 600px) {
.berty1 {
/*font-size: 30px;*/

}

.berty2 {
font-size: 14px;

}

    }


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

    .navbarr3{
    /*background-color: red;*/
}
    }


    @media screen and (max-width: 500px) {
.berty1 {
/*font-size: 27px;*/

}

.temp2img {
	  width: 100%; 
}

.temp2div {
	  width: 100%; 
}

  .footdev {
     margin-left: 4px;
}


    }

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


    table {
      width: 98%;
      margin: auto;
}

.tabu1 {
      width: 98%;
      margin: auto;
}

}


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

.areg2 {
	  width: 150px;
	  padding-left: 4px;
	  padding-right: 4px;
	}


.wrapp {
       overflow: auto;
      white-space: nowrap;
}
.berty1 {
font-size: 30px;

}
.bertdifa p{
font-size: 18px;
padding: 50px 25px;
}

   }

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


.faqer {

  width: 90%;
}




   .theofooths1 {
  display: none;
}

.theofooths2 {
  display: inline-block;
}


}



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

.teamlib {
	/*word-spacing: 10px;*/
}

#fontpad3 {
	/*font-size: 20px;*/
	margin-top: 3px;
}

#berty {
       margin-top: -3px;
       padding-top: 1px;
       padding-bottom: 1px;
   }

   .lipadda{
   	padding-left: 10px;
   }


.faqer {

  width: 95%;
}


     }


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


   .lipadda{
   	font-size: 12px;
   }

   .h2font {
   	font-size: 24px;
   }


#contactfont {

  font-size: 80px;
}

}



 @media screen and (max-width: 220px) {
#berty {
      /*margin-right: 1px;*/
}

 .lipadda{
   	font-size: 10px;
   	padding-left: 2px;
   }

    .h2font {
   	font-size: 22px;
   }

   body {
   	   word-wrap: break-word;
   }


.faqer {

  width: 98%;
}


#contactfont {

  font-size: 70px;
}



 }



  @media screen and (max-width: 200px) {
#berty {
	float: none;
  display: flex;
	  align-items: center;
	  justify-content: center;
	  /*margin-top: 4px;*/
}


.teamlib {

	/*word-spacing: 7px;*/
}

 .berty1 {
/*margin-top: 60px;*/

}

 .h2font {
   	font-size: 18px;
   }

   .areg2 {
	  width: 120px;
	  padding-left: 1px;
	  padding-right: 1px;
	}


#contactfont {

  font-size: 60px;
}




 }