/*
Theme Name: Astro Baltics
Theme URI: tugi.noom.ee
Author: Astro Baltics OÜ
Version: 1.0
Update Date: 06.10.2015 to version 1.0;
*/


/* --- FIXES --- */
  /*reset-fix*/
  html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,img,a,p{padding:0;margin:0;}
  a{text-decoration:none;outline:none;cursor:pointer;}
  a:active{outline:none;}
  ul{list-style:none;}
  a img{border:none;}
  input,textarea,select{
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
  }
  /*clear-fix*/
  .group:before,.group:after{content:".";display:block;height:0;visibility:hidden;}
  .group:after{clear:both;}
  * html .group, *:first-child+html .group{zoom:1;}

/* --- SECOND TITLE --- */
  .second-title{
    display:none;
  }

/* --- BASIC LAYOUT --- */
  html{
        background-color: white;
    /*background: url(astro-bg7.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;*/
  }
  body{
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: rgba(255, 255, 255, 0.4);
    width: 650px;
    margin: auto;
    position: relative;
  }
  a{
    color: #096e93;
  }
  a:hover{
     background: rgba(255, 255, 255, 0.7);
    color: #EB7205;
  }

/* --- HEADER --- */
  .header{
    background: #fff;
    padding: 30px;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
  }
  .header img{
    width: 200px;
  }
    .header span{
      font-size: 12px;
      position: absolute;
      top: 60px;
      color: #999;
      left: 40px;
      right: 0;
      padding-right: 25px;
      margin: auto;
    }
/* --- CONTENT --- */
.exes li{
    float: left;
    width: 50%; /* Changed from 50% to 33.33% to fit three items in a row */
    padding-top: 20px;
    box-sizing: border-box; /* Ensure padding and borders are included in the width */
}
.exes li:first-child{
    border: none;
}
.exes a{
    margin: 20px; /* Adjust margin to fit within the new width */
    display: block;
    text-align: center;
    height: 228px;
}
.exes span{
    display: block;
    font-size: 24px;
    padding: 10px;
}
.exes span i{
    display: block;
    font-size: 16px;
    font-style: normal;
}

@media (max-width: 960px){
    body{
        width: 90%;
    }
    .exes a{
        height: auto;
        margin: 20px 5px;
    }
}
@media (max-width: 580px){
    .exes img{
        width: 100%;
    }
    .exes span{
        font-size: 14px;
    }
    .exes span i{
        font-size: 12px;
    }
}
h3,p {
    text-align: center;
}
#legacyBtn {
    position: fixed; /* Fixed position to stay in place during scroll */
    top: 20px; /* Distance from the bottom */
    right: 20px;  /* Distance from the right */
    padding: 5px 5px;
    font-size: 15px;
}
#newSolutionBtn {
    position: fixed; /* Fikseeritud, et jääks samasse kohta */
    top: 20px; /* Alt veidi kõrgemal */
    right: 20px;  /* Paremale küljele */
    padding: 5px 5px;
    font-size: 15px;
}