//html, body - globalne stvari

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
*::after {
	box-sizing: border-box;
}
*::after {
	box-sizing: border-box;
}

html {
	text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
	font-family: $ff-serif;
	line-height: 1.5;
	font-size: ms(0);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: $ff-serif;
}

a,
button {
	font-family: $ff-serif;
}

.noscroll {
	overflow: hidden;
}

a {
	text-decoration: none;
	color: inherit;
}

//this is optional

// img {
// 	display: inline-block;
// 	vertical-align: middle;
// 	max-width: 100%;
// 	height: auto;
// }

textarea {
	resize: vertical;
}


.link{
  transition: all 0.25s ease-in-out;
  &:hover{
    color: $primary-color;
  }
}

.content-rendered{
  p,h1,h2,h3,h4{
    margin-top: 20px;

    &:first-child{
      margin-top: 0px;
    }
  }

  ul{
    margin-left: 20px;
    margin-top: 20px;
  }
}

.bottle-rendered{
  max-width: 350px; 

  @media(max-width: 1000px){
    max-width: 100%; 
  }

  ul{
    margin-top: 40px;
    margin-left: 20px;
    li{
      margin-top: 20px;
    }
  }
}


.GMap {
  height: 700px;
  width: 100%;

  @media(max-width: 1280px){
    height: 500px;
  }

  @media(max-width: 768px){
    height: 400px;
  }

  @media(max-width: 500px){
    height: 300px;
  }
}

.GMap__Wrapper {
  width: 100%;
  height: 100% !important;
}

.block {
  display: block;
}