html {
    height: 100%; /* показва грида по пълната височина на екрана и фиксира footer в дъното на прозореца (footerfix.js) */
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none; /* Не позволява промяна на размера на текста при завъртане на екрана (landscape/portrait) */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* Remove Gray Highlight When Tapping Links in Mobile Safari */
}

body {
    /*height: 100%;  показва грида по пълната височина на екрана. Ако го има НЕ фиксира footer в дъното на прозореца (footerfix.js) */
    margin: 0;
    padding: 0;
    overflow-y: scroll; /* показва вертикален scrolbar независимо от съдържанието / предотвратява подскачането на съдържанието при динамично зареждане на съдържание */
    line-height: 1.375rem;
    height: 100%;
    background-image: url(../img/background_pattern.jpg);
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    color: #555;

}

main {
    display: block; /* fix IE -> main */
    /* overflow: hidden; https://stackoverflow.com/questions/20689575/css-margin-top-of-h1-affects-parents-margin*/
}


img {
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: middle; /* TODO: da se testwa */
    max-width: 100%; /* TODO: da se testwa */
}

/*section {border: 1px solid #eee;}*/

a {
    text-decoration: none;
    outline: 0; /* Removing The Dotted Outline */
    -webkit-tap-highlight-color: rgba(0,0,0,0);  /* Remove Gray Highlight When Tapping Links in Mobile Safari */
    color: #000;
} /* ??? */


*:focus { outline: 0; }

.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
} /* clearfix */

h2,h3,h4,h5 { letter-spacing: 0.2px;}

h1 { font-size: 35px; }

h2 { font-size: 30px; }

h3 { font-size: 15px; }

h3.dotted {
    border-bottom: 1px dotted #005957;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.l { text-align: left; }

.c {text-align: center;}

.r { text-align: right; }

p {
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.03rem;
    color: #555;
}

h1, h2, h3, h4, h5, h6,p {
	margin: 0;
	padding: 0;

}

h3 { text-transform: uppercase; }

.hide { display: none; }