:focus
{
  -moz-outline-style  :  none;
}

html
{
  height    :  100%;
  overflow  :  hidden;
}

body
{
  margin               :  0px;
  background-color     :  #c0221f;
  background-repeat    :  no-repeat;
  background-position  :  center;
  background-size      :  cover;
}

table
{
  border-collapse  :  collapse;
  border-spacing   :  0;
  table-layout     :  fixed;
}

body, p, div, td, span, a
{
  font-family  :  'Open Sans', verdana, arial, sans-serif;
  font-size    :  14px;
  color        :  #333333;
  
  outline      :  none;  
}

a img
{
  border  :  none;
}

p
{
  padding  :  0px;
  margin   :  0px 0px 10px 0px;
}


a
{
  color            :  #0067b8;
  text-decoration  :  none;
}

a:hover
{
  color            :  #054272;
  text-decoration  :  underline;
}

.fRight
{
  float  :  right;
}


main
{
  display     :  block;
  position    :  relative;
  width       :  450px;
  height      :  400px;
  margin      :  20vh auto 0px auto;
  background  :  rgba(255, 255, 255, 0.95);
}

main div.padding
{
  padding  :  30px;
}

main h1
{
  font-family   :  'Open Sans', verdana, arial, sans-serif;
  font-weight   :  400;
  font-size     :  24px;
  color         :  #222222;
  
  margin        :  15px 0px 10px 0px;
  padding       :  0px;
}


footer
{
  display      :  block;
  position     :  fixed;
  bottom       :  0px;
  left         :  0px;
  right        :  0px;
  background   :  rgba(0, 0, 0, 0.7);
  padding      :  8px 12px 8px 0px;
  
  font-size    :  12px;
  color        :  #aaaaaa;    
  
  text-align   :  right;
}

footer a
{
  font-size        :  12px;
  color            :  #cccccc;  

  text-decoration  :  none;
}

footer a:hover
{
  font-size        :  12px;
  color            :  #ffffff;  

  text-decoration  :  none;
}


@media all and (max-width : 640px)
{
	main
	{
	  width   :  auto;
	  height  :  400px;
	  margin  :  20vh 30px 0px 30px;
	}	
}


@media all and (max-width : 420px)
{
	img.logo.fRight
	{
	  display  :  none;
	}	
	
	a img
	{
		height  :  auto;
		width   :  100%;
	}
}