/* Put your custom css here */
html {
    min-height: 100%;
    position: relative;
}
body {
    margin-bottom: 60px;
    color:black;
	 //font-size: 16px;
}
#calendar {
	margin: 0 auto;
}
.columns_2{
-moz-column-count: 2;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
-webkit-column-count: 2;
column-count: 2;
}
#footer {
  background-color: #F5F5F5;
  bottom: 0;
  height: 70px;
  position: absolute;
	width: 100%;
  padding: 0;
}
.btn {
	margin: 6px 2px;
}
.btn-logo {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
	min-width: 81px;
	margin: 6px 2px;
}
.btn-img{
	margin:0 8px 1px 0
}
.flag {
	max-width:80px;
	min-height:10px;
	float:left;
	padding-right:20px;
	margin-bottom: 5px;
}
.flag-text h3 {
	padding:0;
	margin:0;
}
.MYC {
    font-family: 'Parisienne', serif;
    font-size: 30px;
	 font-weight:bold;
	 text-shadow: 3px 3px 6px #ccc;
	 line-height: 1.4;
	 color:#0054a4;
}
.MYC-Blue {
	 color:#0054a4;
}
.navbar-default .navbar-brand {
  color: ##0054a4;
}
/* datepicker */
.datepicker {
	z-index: 1151 !important;
}
a[href^="mailto:"]
{ 
  font-family: sans-serif;
  color: #0057A6;
}
.txt-11 {
	 font-size: 11px;
}
.tHead {
	 background:#eee;
}
.tBody {
	 font-color:#777;
}

.counter {
text-align: center;
}
.counter h3 {
  font-size: 14px;
  letter-spacing: 1px;
  padding-top: 10px;
  margin-bottom: 10px;
}

#countdown span {
  color: #000;
  font-size: 126px;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
}
.underline {
    text-decoration: underline;
}
.timer {
  text-align: center;
  color:#fff;
  font-weight:bold;
  line-height: 1;
}
.timer h1 {
  text-align: center;
  font-family:Arial, sans-serif;
  color:#fff;
  font-weight:bold;
  line-height: 1;
   margin-block-start: 0;
   margin-block-end: 0;
   margin-inline-start: 0;
   margin-inline-end: 0;
  }
  .timer h2 {
  text-align: center;
  font-family:Arial, sans-serif;
  color:#fff;
  font-weight:bold;
  line-height: 1;
   margin-block-start: 0;
   margin-block-end: 0;
   margin-inline-start: 0;
   margin-inline-end: 0;
  }
.bounce {
  position:relative;
  left:50%;
  bottom:0;
  margin-top:25px;
  margin-left:-25px;
  height:50px;
  width:50px;
  background:red;
  -webkit-animation:bounce 1s infinite;
}
    
@-webkit-keyframes bounce {
  0%       { bottom:5px; }
  25%, 75% { bottom:15px; }
  50%      { bottom:20px; }
  100%     {bottom:0;}
}
    
@media (max-width: 767px) {
  .col-xs-12 {
    margin-bottom:0;
  }
	 .chart {
		  height:165px;
		  width:100%
	 }
	 #countdown span {
		  font-size: 72px;
		  font-weight: 900;
		  line-height: 1.2;
	 }
	 .columns_2{
		  -moz-column-count: 1;
		  -moz-columns: 1;
		  -webkit-columns: 1;
		  columns: 1;
		  -webkit-column-count: 1;
		  column-count: 1;
	 }
   .footer {
    margin-top:85px;
  }
  .timer h1 {
    font-size: 136px;
  }
  .timer h2 {
    font-size: 60px;
  }
  .timer .img-flag {
    height:20px;
  }
  .flag {
    max-width:90%;
    text-align:center;
  	margin-bottom: 2px;
    margin-top: 0px;
  }
  .flag-text h5 {
      font-size:small;
      padding:0;
      margin:0;
  }
  .flag-text p {
      font-size:x-small;
      line-height: 1.2;
      padding:2px;
      margin:0;
  }
  .col-xs-4 {
    padding:5px;
  }
  .col-xs-3 {
    padding:5px;
  }
}
@media (min-width: 768px) {
	 .chart {
		  height:200px;
		  width:100%
	 }
	  #countdown span {
		  font-size: 90px;
		  font-weight: 900;
		  line-height: 1.2;
		}
  .timer h1 {
    font-size: 236px;
  }
  .timer h2 {
    font-size: 80px;
  }
}
@media(min-width:992px) { 
  .timer h1 {
    font-size: 325px;
  }
  .timer h2 {
    font-size: 100px;
  }
}