* {
	font-family: "Roboto", sans-serif;
}
p {
	color: rgb(140, 142, 158);
}
.gm-header {
    padding-top: 12px;
    flex-wrap: unset!important;
    align-items: center;
}

.gm-header .col-lg-2,
.gm-header-lang .col-lg-2 {
  text-align: right;
}

.gm-header .col-lg-12 {
	display: flex; 
  justify-content: space-between;
}
.gm-header img {
	width: 250px;
}
.gm-header button {
    padding: 10px 20px;    
}
.gm-header-lang {
    padding-top: 4px;    
}

.gm-header-lang img {
    margin: 8px; 
    width: 25px;
    height: 25px;
    text-align:  center;    
}

.gm-header-lang img:hover {    
    border-radius: 20px;
    opacity: 0.7; 
}

.gm-hero {
	height: 700px; 
        padding-bottom: 30px; 
        background-image: url("/javax.faces.resource/img/bg-hero.jpg.xhtml"); 
        background-repeat: no-repeat; 
        background-size: cover;
}
.gm-hero-content {
	margin-top: 100px;
}
.gm-hero-content-left {
	padding-top: 30px; max-width: 470px;
}
.gm-hero-content-left h1 {
	margin-bottom: 30px;
}
.gm-hero-content-left button {
	margin-bottom: 30px;
}
.gm-hero-content-left-text {
	margin-bottom: 30px;
}
.gm-hero-content-right img {
	border-radius: 30px; width: 100%;
}
.gm-hero-content-left-wrapper {
	width: 100%; overflow: hidden;
}
.gm-hero-content-right {
	width: 100%; overflow: hidden;
}
.gm-korisnici-wrapper {
	background-color: rgb(251, 251, 251);
}
.gm-korisnici {
	padding: 40px 0px; background-color: rgb(251, 251, 251);
}
.gm-korisnici h2 {
	text-align: center;
}
.gm-korisnici .col-md-2 {
	text-align: center;
}
.gm-savrsen {
	padding: 80px 0px; border-bottom-color: rgb(0, 206, 151); border-bottom-width: 5px; border-bottom-style: solid; background-color: rgb(231, 239, 252);
}
.gm-savrsen img {
	width: 100%;
}
.gm-sve-na-jednom {
	background-position: left bottom; 
        padding-top: 50px; padding-bottom: 50px; 
        background-image: url("/javax.faces.resource/img/bg-sve-na-jednom.png.xhtml") !important; 
        background-repeat: no-repeat;
}
.gm-sve-na-jednom p {
	margin: 30px 0px;
}
.gm-sve-na-jednom-3-icons {
	margin: 60px 0px;
}
.gm-alat-wrraper {
	padding: 80px 0px; background-color: rgb(231, 239, 252);
}
.gm-alat-wrraper img {
	width: 100%;
}
.gm-section-3-icons {     
	padding: 30px 0px; 
        background-image: url("/javax.faces.resource/img/bg-section-3-icons.png.xhtml"); 
        background-repeat: no-repeat; 
        background-size: cover;
}
.gm-section-3-icons-text {
	margin: 4px 0px 0px 4px; color: rgb(255, 255, 255);
}
.gm-section-3-icons-row {
	display: flex;
}
.gm-section-3-icons-row img {
	width: 30px;
}
.gm-mnogo-toga {
	padding: 80px 0px; background-color: rgb(232, 232, 232);
}
.gm-mnogo-toga h1 {
	text-align: center;
}
.gm-mnogo-toga .col-lg-3 {
	text-align: center;
}
.gm-mnogo-toga .col-lg-4 {
	text-align: center;
}
.gm-mnogo-toga-kvadrat {
	padding: 30px; 
        border-radius: 20px; 
        width: 250px; 
        height: 210px; text-align: center; 
        box-shadow: 0px 0px 50px -8px rgba(0,0,0,0.75); 
        background-color: rgb(255, 255, 255); 
        -webkit-box-shadow: 0px 0px 50px -8px rgba(0, 0, 0, 0.75); 
        -moz-box-shadow: 0px 0px 50px -8px rgba(0, 0, 0, 0.75);
}
.gm-mnogo-toga-kvadrat img {
	height: 100px;
}
.gm-mnogo-toga-kvadrat-text {
	margin-top: 20px;
}
.gm-mnogo-toga-3-icons {
	margin-top: 30px;
}
.gm-mnogo-toga-3-icons .col-lg-4 {
	display: flex; justify-content: center;
}
.gm-mnogo-toga-4-icons {
	margin-top: 80px;
}
.gm-certifikat-wrapper {
	padding-top: 80px; padding-bottom: 80px;
}
.gm-certifikat-wrapper .col-md-4 {
	text-align: center;
}
.gm-certifikat-wrapper h2 {
	font-weight: bold; margin-bottom: 40px;
}
.gm-certifikat-wrapper .col-md-8 img {
	margin: 20px 20px 0px 0px;
}
.gm-gdje-god {
	padding: 80px 0px 0px; border-top-color: rgb(0, 206, 151); border-top-width: 5px; border-top-style: solid;
}
.gm-gdje-god-image-wrapper {
	text-align: right;
}
.gm-gdje-god h1 {
	margin: 40px 0px;
}
.gm-gdje-god p:first-of-type {
	margin-bottom: 40px;
}
.gm-20-godina {
	padding: 80px 0px; background-color: rgb(231, 239, 252);
}
.gm-20-godina-logo {
	width: 400px; margin-bottom: 100px;
}
.gm-20-godina-icons img {
	width: 100%; margin-bottom: 20px;
}
.gm-upoznajte {
	padding: 30px; 
        border-bottom-color: rgb(0, 206, 151); 
        border-bottom-width: 5px; border-bottom-style: solid; 
        background-image: url("/javax.faces.resource/img/bg-upoznajte.png.xhtml"); 
        background-repeat: no-repeat; 
        background-size: cover;
}
.gm-upoznajte h1 {
	color: rgb(255, 255, 255);
}
.gm-upoznajte button {
	margin-top: 8px;
}
.gm-upoznajte-button-wrapper {
	text-align: center;
}
.btn-primary {
	border-color: rgb(255, 0, 0) !important; 
        padding: 10px 22px !important; 
        border-radius: 40px !important; 
        background-color: rgb(255, 0, 0) !important;
}
.btn-primary:hover {
	border-color: rgb(186, 0, 0) !important; 
        background-color: rgb(186, 0, 0) !important;
}
.gm-footer {
	padding: 100px 0px; background-color: rgb(233, 240, 253);
}
.gm-red {
	color: rgb(255, 0, 0);
}
.gm-footer img {
	width: 300px;
}
.gm-footer h2 {
	text-align: center; font-size: 1.8em; font-weight: bold;
}
.gm-footer .gm-red {
	display: block;
}
@media all and (max-width:992px)
{
h1 {
	font-size: 2em;
}
.gm-hero-content {
	margin-top: 5vh;
}
.gm-korisnici .col-lg-2 {
	text-align: center;
}
.gm-sve-na-jednom .col-lg-6 {
	text-align: center;
}
.gm-sve-na-jednom-dashboard {
	width: 100%;
}
.gm-gdje-god-image-wrapper img {
	width: 100%;
}
.gm-20-godina-logo {
	width: 100%;
}
.gm-hero-content-left-wrapper {
	text-align: center;
}
.gm-hero-content-right-wrapper {
	margin-bottom: 40px;
}
.gm-hero {
	height: auto;
}
.gm-footer {
	text-align: center;
}
.gm-footer img {
	margin-bottom: 30px;
}
.gm-upoznajte {
	text-align: center;
}
.gm-upoznajte button {
	margin-top: 30px;
}
.gm-hero-icons-apps {
	margin-bottom: 40px;
}
.gm-certifikat-wrapper-small-certs {
	text-align: center; margin-bottom: 50px;
}
.gm-mnogo-toga-kvadrat {
	margin-bottom: 30px;
}
.gm-mnogo-toga-4-icons .col-lg-3 {
	display: flex; justify-content: center;
}
.gm-section-3-icons-row {
	margin-bottom: 20px;
}
.gm-sve-na-jednom h1 {
	margin-top: 30px;
}
.gm-sve-na-jednom-3-icons .col-md-4 {
	margin-bottom: 30px;
}
.gm-hero-content-left {
	padding-top: 0px; padding-left: 0px;
}
.navbar-brand img {
	max-width: 150px;
}
}
@media all and (max-width:400px)
{
.gm-header img {
	max-width: 170px;
}
.gm-header button {
	padding: 4px 16px!important;
}
}

@media(max-width: 342px) {
	.gm-footer img {
		width: 200px;
	}
	.gm-header {
		flex-direction: column;
	}
}

@media(max-width: 768px) {
	.gm-header .col-lg-2 {
		padding-right: 0;
		padding-left: 0;
	}
}