body {
    background-color: white; 
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
}

.responsive {max-width: 100%; height: auto;}
   
 

  
p {font-size: 1rem;} 
.h100 {height: 100%;}

 
.text-right  {text-align: right;}
.text-left {text-align: left;}
.container-720 {
    max-width: 720px;
}  

@media only screen and (max-width: 560px) {
    .package-row   img {max-width: 140px;} 
    .package-row-second {margin-top: -77px;} 
}
 
 

.rotate45 { 
    transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4.5);
}

  
  
 
/* KE FOONDID
Peamiseks fondiks on Gotham perekonna fondid. Pikemate tekstide kujundamiseks
kasutame Gotham Book, pealkirjade juures Gotham Light-i.
Pealkirjade ja infotekstide juures kasutame kõiki suuri tähti (all caps) ja teksti tracking
on -50. Veebis on kasutusel veebifont Lato. Kui antud fonte pole süsteemis saadaval,
võib asendada need Tahoma-ga    
*/

.bg-light-gray {background-color: #f5f5f5;}
.bg-navy {background-color: #243a4e;}

.ke-dark-gray {
    background-color: #6b6b6b;
}
.ke-strong-blue {
    background-color: #006ca8;
}
.ke-medium-blue {
    background-color: #0086bd;
}
.ke-light-blue {
    background-color: #0e97c4;
}
.ke-weak-blue {
    background-color: #7ec1e0;
}

.flex-direction-column {flex-direction: column;}

 
  
/* *
* LANDING PAGE
*/
.cta-book-box { background-color: peru;}

.header-section {background-color: #f1f1f1;}
#main-cta-box { background-color: white;}

.person-wrap p {margin-bottom: 0.5rem;} 
.person-wrap .name { font-size: 1.7rem;}

#feedback-section p,
#feedback-section small {color: white; }
#feedback-section .quote,
#feedback-section .quote-author {font-style: italic;}

.footer-cta-fix {    margin-top: 12px;}


@media only screen and (max-width: 768px) {
    #features-row img { max-width: 300px;}
    h1 { font-size: 2.2rem; }
    h2 { font-size: 1.8rem; }
    .person-wrap .name { font-size: 1.5rem; }
}
 
/*
.header-section-inner-wrap {
    background-image: url(https://testserver.ee/nii/small-bg.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 500px;
} 
@media only screen and (max-width: 1800px) {
    .header-section-inner-wrap { background-size: 400px;}
}
 
@media only screen and (min-width: 2500px) {
    .header-section-inner-wrap { background-image: none;}
}
 */




.person-wrap .job { font-weight: bold;}
.person-wrap .phone { font-family: Verdana, Geneva, Tahoma, sans-serif;}
/* OTHER SUB CLASSES   name phone email job description  */


/***************************************************
SOCIAL ICONS  108FCE
***************************************************/ 
.ke-ico{
    height: 20px;
    max-width: 16px;
  } 
.social-block {margin-bottom: 1rem;}
a.social-circle {
  margin-right: 6px;
  width: 30px;
  height: 30px;
  
  border: 1px solid white;
  color: white;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 50%;
}
a.social-circle:hover {
  text-decoration:none;
  color: white;
  border-color: white;
}
a.social-circle:hover .ke-ico{
  fill:white;
} 


/***************************************************
LONG SHADOW
***************************************************/ 
.shadow-box {
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
}
 

#stars-wrap svg { margin-left: 4px; margin-right: 4px; }