/*General*/
html
{
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

body
{
  /* http://stackoverflow.com/questions/1719452/how-to-make-a-div-always-full-screen */
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;

  size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#FFFFFF;
}

main
{
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  min-height: 100%;

//  overflow-y:scroll;
//  overflow-x:hidden;
}

.container_div
{
  /* https://css-tricks.com/centering-css-complete-guide/ */
  transform: translate(-50%, -40%);
  position: absolute;
  top: 40%;
  left: 50%;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 5px;

  border-radius: 10px;
  background-color: #FFFFFF;
  background:rgba(255,255,255,0.8);
}

.domain_name_div
{
  margin: auto;
  margin-bottom:0;
  padding-bottom:0;
  text-align:center;
  color:#129793;/*scheme 2 #1F7872*/ 
  font-size:54px;
  font-family: 'Roboto', sans-serif;  
  font-weight:400;
  /*text-shadow: 4px 4px 4px #aaa;*/
  line-height: 80%;
  vertical-align: bottom;
}

.slogan_div
{
  font-family:Montserrat;
  text-align:center;
  margin: auto;
  margin-top: 0;
  margin-bottom: 20px;
  font-size:17px;
  font-weight:500;
  color:#505050;/*scheme 2 #1A202C*/ 
  /*text-shadow: 4px 4px 4px #aaa;*/
}

.description_div
{
  text-align:center;
  margin: auto;
  margin-top: 30px;
  font-size:25px;
  font-weight:500;
  color:#505050;/*scheme 2 #1A202C*/ 
  /*text-shadow: 4px 4px 4px #aaa;*/
}

.contacts_link
{
  text-align: center;
  margin: auto;
  margin-top: 40px;
  color:#FFFFFF;/*alternative in scheme 1 #FFF5C3*/ 
  background-color:#FF7260;/*scheme 2 #D13F31*/ 
  font-size:28px;
  font-weight:500;
  text-decoration: none;
  display: block;
  width:300px;
  height:64px;
  line-height: 64px;
  border-radius: 5px;
  /*box-shadow: 4px 4px 4px #aaa;  */
}

.contacts_link:hover
{
  background-color: #FF4F38;
} 

.tooltiptext
{
  visibility: hidden;
  text-align:center;
  margin: auto;
  margin-top: 5px;
  margin-bottom: 20px;
  display: block;
  width:300px;
  height:34px;
  color:#FFFFFF;/*alternative in scheme 1 #FFF5C3*/
  background-color:#505050;
  font-size:14px;
  font-weight:500;
  text-decoration: none;
  line-height: 34px;
  border-radius: 5px;
  /*box-shadow: 4px 4px 4px #aaa;*/
}

.contacts_link:hover + .tooltiptext
{
  visibility: visible;
}



/*Background image management*/
body
{  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image doesn't tile */
  background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
       to improve page load speed on mobile internet connections */
    background-image: url(images/background-photo-mobile-devices.jpg);
  }
}