/* Responsive CSS
=====================================================================*/
/* Logo sizing: base size and overrides per breakpoint to keep aspect ratio */
.logo{
  display: block;
  width: 260px; /* default large-screen width */
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 991px) and (max-width: 1199px) {
.menu_area {
  position: fixed;
  top: 0;
  height:40px;
}
.navbar-default {
  margin-top: -10px;
}
.site_title p {
  padding: 10px;
}
.countdown {
  margin-bottom: 80px;
	width: 83%;
}
.about_icon {
  width: 65%;
}
.about {
  padding: 60px 0 0;
}
.logo{
  width: 220px;
}

}


@media only screen and (min-width: 768px) and (max-width: 990px) {
.menu_area {
  position: fixed;
  top: 0;
  height:40px;
}
.navbar-default {
  margin-top: -10px;
}
.site_title p {
  padding: 10px;
}
.countdown {
margin-bottom: 80px;
width: 100%;
}
.countdown_section {
  margin: 15px 20px auto;
}
.about_icon {
  width: 20%;
}
.about {
  padding: 60px 0 0;
}
.logo{
  width: 200px;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.menu_area {
display:none;
}
.navbar-default {
  margin-top: -10px;
}
.site_title p {
  padding: 10px;
}
.countdown {
margin: 50px auto;
width: 90%;
}
.countdown_section {

  margin: 15px 20px auto;
  padding: 45px 12px;

  width: 170px;
}
.about_icon {
  width: 30%;
}
.about {
  padding: 60px 0 0;
}
.email_input_box {
  margin: 0 auto 30px;
  width: 87%;
}
.logo{
  width: 170px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.menu_area {
display:none;
}

.navbar-default {
  margin-top: -10px;
}
.site_title p {
  padding: 10px;
}
.countdown {
margin: 50px auto;
width: 60%;
}
.countdown_section {

  margin: 15px 20px auto;
  padding: 45px 12px;

  width: 170px;
}
.about_icon {
	width: 45%;
}
.about {
  padding: 60px 0 0;
}
.email_input_box {
  margin: 0 auto 30px;
  width: 87%;
}
.logo{
  width: 140px;
}

}

@media (max-width: 319px) {
.menu_area {
display:none;
}
.site_title p {
  padding: 10px;
}
.navbar-default {
  margin-top: -10px;
}
.countdown {
margin: 50px auto;
width: 70%;
}
.countdown_section {
  margin: 15px 20px auto;
  padding: 45px 12px;
  width: 170px;
}
.about_icon {
	width: 50%;
}
.about {
  padding: 60px 0 0;
}
.email_input_box {
  margin: 0 auto 30px;
  width: 87%;
}
.logo{
  width: 120px;
}
}