/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #e03927;
	--cnvs-themecolor-rgb: 224, 57, 39;
}

.stretched{
	background-color: #f8f9fb;
}

.content-wrap{
	background-color: #f8f9fb;
}

.dark {
	background-color: #222834;
}

.btn-success {
	background-color: #e03927;
	border-color: #e03927;
}

.btn-success:hover {
	background-color: #fff;
	border-color: #e03927;
	color: #e03927;
}

.menu-container a {
	font-weight:700;
}

.flag{
	padding-right:0;
}

.flags-mobile{
	z-index:1000;
}

.flags-mobile ul{
	text-align:right;
	padding-right:10px;
	margin-bottom:-30px;
}

.flags-mobile li{
	display:inline-block;
	float:none;
}


.custom h1 {
	font-size: 80px;
    font-weight: 900;
    line-height: .8;
    color: #e03927;
	margin-bottom: 10px;
}

.custom p {
	font-size: 26px;
	line-height: 1.2;
	border-bottom: 4px solid #e03927;
	padding-bottom: 40px;
	margin-bottom: 40px;
}


h2 {
	font-size: 40px;
    font-weight: 700;
	/*margin: 50px 0;*/
	letter-spacing: 1px;
}

.info-ikone i{
	font-size:2rem;
}

.istaknuto-1 h3{
	font-size:1.5rem;
    font-weight: bolder;
    color: #e03927;
}

.istaknuto-1 p {
	margin-bottom: 10px;
}

.istaknuto-1 img {
	max-width:70%;
}

.istaknuto-2 h3{
	font-size:1.5rem;
    font-weight: bolder;
    color: #e03927;
}

#about-author h2 {
	margin: 0;
	border-bottom: 4px solid #e03927;
	padding-bottom: 20px;
	margin-bottom: 20px;	
}

#where-to-buy ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style-type: none;
  font-size: 16px;
  line-height: 2;
  padding-top:20px;
}

#where-to-buy a {
	width:100%;
	background-color: #f2f2f2;
	color:#e03927;
	font-weight:700;
  margin-right:30px;
}

#where-to-buy h2{
	/*margin-bottom: 0;*/
}


#sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: #e03927;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	z-index: 1000;
}

.line {
	margin-top: 0;
}

.orange {
	color: #e03927;
	font-weight: 700;
}



/* If the screen size is 600px wide or less */
@media screen and (max-width: 600px) {
	
.custom {
	padding: 0 10px;
	margin-bottom: 0;
}
	
.custom h1 {
	font-size:14vw;
 }
 
 .custom p {
	font-size: 22px;
 }
 
	#header{
		display: none;
	}
	
	.content-wrap{
		padding-top: 20px;
	}
	
	.fbox-center img{
		padding: 0 40px;
	}
}

@media only screen and (min-width: 600px) {
	#sticky{
		display: none;
	}
	
	.flags-mobile{
		display: none;
	}
}