/***************************************************************/
/**                                                           **/
/** Design by: Korado Vidulin                                 **/
/**                                                           **/
/** Copyright: CORRLIN d.o.o. Pula                            **/
/**            2017                                           **/
/**                                                           **/
/***************************************************************/

/***************************************************************/
/* Reset CSS-a                                                 */
/***************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt,
var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, section,
legend, table, caption, tbody, tfoot, thead, tr, th, td { 
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1em;
  vertical-align: baseline;
  background: transparent; 
  -webkit-margin-before:0;
  -webkit-margin-after:0;
}

a{text-decoration: none;
   outline: 0;
 }
 .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

.stop{
  clear: both;
}

/***************************************************************/
/* Elementi                                                    */
/***************************************************************/

html{
  height: 100%;
  width: 100%;
  background-color: #efeceb;
}

#okvir{
  height: calc(100% - 80px); height: calc(100vh - 80px);
  width: calc(100% - 80px);
  margin: 40px;
  background-color: #978e8b;
    background-image: url('img/corrlin-intro-logo.svg');
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;}

/***************************************************************/
/* RESPONZIVNOST                                               */
/***************************************************************/

.hide-on-mob {display: block;} .show-on-mob{ display: none;}

/*************************************************************** 1. breakpoint ***************************************************************/
@media only screen and (max-width: 1420px){
 

}