body { font-family: 'Montserrat', sans-serif; text-align: center; margin:0; padding: 0; min-width: 350px;}
html,body { margin:0;  padding:0;  height:100%; } 
img { border-width: 0; } /* For Internet Explorer */

#local_home_nav { color: white; text-decoration: none; float:left;} 

/* Index Code */
#container { max-width: 100%; overflow:hidden; margin: auto;} /* removed overflow hidden*/
#content { max-width: 100%; overflow:hidden;  margin: auto;}  /* removed overflow hidden*/
#container_left { width: 61%; float: left; }
#container_right { width: 30%; float: left; margin-top:126px; }
  #container_right h2 { font-size: 20px;  }

#headerhomelink { float: none !important; }
/* #headerhomelink { float: right;	margin-right: 10px; } */ 
#container { min-height:100%; position:relative; }
#footer { 
  width:100%;
  height:20px; 
  background: #dbdbdb;
  padding-top: 20px; padding-bottom: 20px; 
}
.menu_item { padding-top: 12px !important; padding-bottom: 12px !important;}
  
/* acode ====================================== */ 
.ad_contain { width: 80%; margin: auto; height:120px; margin-top: 20px; margin-bottom: 20px; }
.add_small_top {display: none; } 
#adclear { height: 100px; }
  .mai_mid { margin-top: 20px; }

 /* screen gets larger */
@media screen and (min-width: 1200px) {
  #adclear { height: 50px; }
  .a_article_footer { height: 160px; }
}

/* When the page gets smaller 601px ====*/ 
  @media only screen and (max-width: 600px) {
    .ad_contain { display:inline-block; width: 100%; max-width: 100%; margin: auto; max-height: 300px; min-height:300px; } 
    /* #adclear { height: 300px; } */  
    .add_small_top {display: block; } 
    .clock_right {margin-right: -10px; }

    .event_desc { font-size:13px; width:95%; margin:auto; }
}

/* end ad code  =============================== */ 

.clear {
 width: 100%; height: 100px; clear: both; display: block;
}
.clock_contain { margin: auto; background-color: #dbdbdb; padding: 20px; width: 60%; margin-top: 20px; margin-bottom: 20px; text-align: center; overflow:hidden;}
.sub_clock_contain { margin: auto; background-color: #dbdbdb; padding: 20px; width: 60%; margin-top: 20px; margin-bottom: 20px; text-align: center}
 #link { background-color: #8FBC8F ; display: block; width: 60%; padding: 20px; margin: auto; color: black; margin-bottom: 20px;}

.countdown {margin-bottom: 10px; margin-top: 5px; font-size: 28px;}
.countdown_2 {margin-bottom: 10px; margin-top: 5px; font-size: 22px;} 
.local { font-size: 13px;}

h1 {padding-top: 30px; }
.width_fix { max-width: 80% !important; display: block; margin: auto; margin-bottom: 20px; margin-top: 40px;}

.text_left {text-align: left;}
#bird {background-color: #c9d7e8 ;}
#bird3 {background-color: #EF8383 ;}
#bird4 {background-color: #EFEF67 ;}
#disclaimer {font-size: 13px; }
.bullet_list {text-align: left; min-width: 40%; max-width: 45%; margin: auto;}
.big_bullet_list {text-align: left; width: 80%; margin: auto;}
.width_list { text-align: left; width: 60%; padding-left: 2%; padding-right: 2%; margin: auto; 
   font-size: 12px; font-size: 1.5vw;
}
.eighty { width: 50%;}
#more { background-color: #dbdbdb; display: block; width: 60%; padding: 20px; margin: auto; color: black; margin-bottom: 20px;}
.link {  margin-bottom: 10px;}
.event_text {min-width: 40%; max-width: 60%; margin: auto;} 
.ended { font-size: 15px; font-weight: bold;}
.secondary_timer_header { margin-top: 60px; clear:both; }

  
  #countdown_page_extras a, .mini_count .mas  { font-size:12px; width: 350px;  display: block; margin: auto; }
  #countdown_page_extras a .clock_contain, .mini_count a .clock_contain { min-width: 350px; max-width: 350px;} 
  
  
  .mini_count { margin-bottom: 20px; }
  
/* When the page gets bigger than 1200 */
 @media screen and (min-width: 1200px) {
  .width_list {  font-size: 16px; max-width: 80%;  } 
   .eighty { min-width: 50%;}
}

/* No greater than 1200px, no less than 1000px */
@media (max-width:1300px) and (min-width:1000px) {
  .clock_image {margin-left: -50px;}
}


/* when the page gets below 1500  ============================================*/
 @media (max-width:1501px)  {
   #region_container { min-width: 90%; }
}

/* when the page gets below 1200  ========================================== */
 @media (max-width:1201px) {
  #container { margin-top: 0px;}
  #container_left { width: 58%; float: left;}
  #container_right { width: 40%; float: left;}
  .eighty { min-width: 60%; max-width: 60%;} 
}

/* When the page gets smaller 801px ========================================== */ 
@media (max-width:1000px)  {

  #headerhomelink { float: right !important;	margin-right: 10px; }

  #container { margin-top: 0px;}
  #container_left { width: 100%; float: left; clear: both;  padding-top: 10px;}
  #container_right { width: 100%; float: left; clear: both; margin-top: 20px; padding-top: 15px; margin-bottom: 20px; }
  

  .event_text { min-width: 40%; max-width: 98%; margin: auto; font-size: 2.8vw;} 
  .bullet_list, .big_bullet_list {width: 88%; max-width: 90%; font-size: 12px;}

  .secondary_timer_header { margin-bottom: 15px;}
  .secondary_timer_header { margin-top: 30px; }
  .extra_text { font-size: 13px; }
  h1 {font-size: 20px; padding-top: 0px; margin-top: 10px;} 
  .link { margin-top: 0px; margin-bottom: 10px;}
  .sub_clock_contain { width: 80%; }
  #link { width: 90%; }

.clock_contain {width:90% !important;}   
.region { font-size: 10px; font-weight: bold;}  
 .extra_timer_box, .extra_timer_box_nolink { max-width: 80% !important; } 
  /* Page specific balow*/
  .gen3_leg_img_seg { height: 127px !important; width: 236px !important; }

  .width_list { font-size: 100%; min-width: 90%; padding-left: 15px; padding-right: 0px; margin:auto; }
  .eighty { min-width: 90%; max-width: 90%;} 

  .clock_image { margin-left: -60px; }



}

/* if page gets small less than 800px ========================================== */ 
@media (max-width:801px)  {
  .nest_migration_container { min-width: 100% !important; }
  #foot_links { margin-top: 10px; display: inline-block; }
  #footer { font-size: 15px; padding-bottom: 50px;  }

  .width_list { min-width: 98%;  }
  #inner { min-width: 100%; font-size:10px;}
  .menu_head {display: none;}
  
  .no_link { min-width: 90%; }
}

/* if page gets TINY! less than 500px ========================================== */ 
@media (max-width:501px)  {
.event_text { font-size: 12px;} 
  
    #inner { min-width: 100%; font-size:10px;}
  .menu_head {display: none;}
  #ham_holder, .pg_nav div {font-size: 13px !important;}
} 

.big_bullet_list br { line-height: 30px; }
.footer_link { float:right; margin-right: 10px;  }
#footer_container { width: 80%; margin: auto; color: #404040; font-size: 15px;}
#footer_contact { float:right; }
.footer_link:link, #footer_contact:active, #footer_contact:visited, #footer_contact:hover {  text-decoration: none; color: #404040; }
#foot_links a {  text-decoration: none; color: #404040; }

.nest_migration_container { width: 350px; margin: auto; float:left; max-width: 70%; }

#nest_migration_text { float: left;  }
#nest_migration_div { float: left;  margin-left: 10px;    }

/* Side Pannel CSS */
.left_side_panel { width: 240px; height: 80px;  background-color: #F0F0F0; padding-top: 20px; padding-left: 120px; margin:auto;}
.countdown_small {margin-bottom: 5px; margin-top: 5px; font-size: 15px;}
.local_small { font-size: 12px; }
.lst { line-height: 20px; margin-top: -2px; } 
.left_side_panel:hover {background-color: #cccccc; cursor: pointer;}

.no_link { text-decoration: none; color: black;}
  #countdown_page_extras .mincd { min-width: 80%; } 
#beast_secondary_image{ position: relative; top: 80px; right: 100px; height:61px; width:113px; z-index: 1;}
.secondary_image { position: relative; right: 100px;  z-index: 1;}

 #countdown_page_extras .extra_timer_box, .mini_count .extra_timer_box { max-width: 40%;}
 #event_extras .extra_timer_box { max-width: 350px !important;}

.extra_timer_box, .extra_timer_box_nolink { padding: 7px; padding-top: 10px; padding-bottom: 5px; width: 80%; 
 margin: auto;  background-color: #dbdbdb; height: 70px; margin-bottom: 15px;}
.extra_timer_box:hover { background-color: #cccccc;} 
.extra_timer_left { width: 25%; float: left;} 
.extra_timer_right { width: 75%; float: right;} 
       
/* Homeapge */ 
  
  
  
    /*Homepage timer targetting*/
  #container_right a .mas { 
    padding: 7px;
    padding-top: 10px;
    padding-bottom: 5px;
    width: 80%;
    margin: auto;
    background-color: #dbdbdb;
    height: 70px;
    margin-bottom: 15px;
  }
  
  #container_right a .mas .clock_left img {
    height: 60px !important;
    width: 60px  !important; 
  }
  
  #container_right a .mas .clock_right .countdown {
    margin-top: 7px; 
    margin-bottom: 7px; 
  }

  #container_right a .mas .clock_right .loc_s {
    display:none;
  }
  
  /* if page gets less than 1100px ===== */ 
@media (max-width:1100px)  {
  #container_right a .mas { max-width: 80% !important; }

} 
  
    /* if page gets LARGER than 1100px ===== */ 
@media (min-width:1100px)  {
  .ctd_text { max-width: 50% !important; }

} 
  
  
  
  
  /* countdown page css targetting*/

  #countdown_page_extras a .mas {
    max-width: 350px;
    height: 70px; 
    padding:7px;
  }
  
   #countdown_page_extras a .mas .clock_left img {
    height: 60px !important;
    width: 60px  !important; 
  }
  #countdown_page_extras a .mas .clock_right .countdown {
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
  }
  
  #countdown_page_extras a .mas .clock_right .loc_s { display: none; }
  
  #countdown_page_extras a .mas .clock_right .countdown span {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  
  
  .ctd_text { max-width: 98%; margin: auto;}