/******** GLOBAL ********/

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');
@font-face {
    font-family: "BankGothic Regular";
    src: url("typefaces/BankGothic Regular.ttf");
}

.row {
    margin: 0 !important;
}

html, body {
		height: 100%;
		width: 100%;
		font-family: 'Bitter', 'Poppins', sans-serif;
		color: #f9f9f9;
}

html {
    background-color: #c40a19; /*  #5c1206  */
}

a:link, a:visited, a:active, a:focus, .btn-danger:active, .btn-danger:focus {
		text-decoration: none;
		outline: none !important;
}

body { background-color: #c40a19; margin: 0; padding: 0; box-sizing: border-box; }
.card-column-special { display: flex; justify-content: center; }

hr.my-4 {
    border-color: #f9f9f9;
}

/******** NAVIGATION ********/

.navbar {
		background-color: rgba(10, 10, 10, 0.8);
		padding: 0 4vw;
		font-family: Prompt;
		text-transform: uppercase;
}

.navbar-brand {
		align-items: center;
		display: flex;
		font-family: 'BankGothic Regular';
}

.navbar-brand img:hover {
		-webkit-animation: pulsate-fwd 0.5s ease-in-out 3 both;
				animation: pulsate-fwd 0.5s ease-in-out 3 both;
}

@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.navbar-brand span {
		font-size: 3vw;
		text-shadow: 2px 2px 5px black;
		display: none;
}

.navbar-brand span:hover {
		animation: navbarBrandSpanAnimation 2s;
}

@keyframes navbarBrandSpanAnimation {
		  6% { text-shadow: 2px 2px 5px #222; }		 
		 12% { text-shadow: 2px 2px 5px #444; }
		 18% { text-shadow: 2px 2px 5px #666; }
		 25% { text-shadow: 2px 2px 5px #888; }
		 31% { text-shadow: 2px 2px 5px #aaa; }
		 37% { text-shadow: 2px 2px 5px #ccc; }
		 43% { text-shadow: 2px 2px 5px #eee; }		 
		 50% { text-shadow: 2px 2px 5px #fff; }
		 56% { text-shadow: 2px 2px 5px #eee; }
		 62% { text-shadow: 2px 2px 5px #ccc; }
		 69% { text-shadow: 2px 2px 5px #aaa; }
		 75% { text-shadow: 2px 2px 5px #888; }
		 81% { text-shadow: 2px 2px 5px #666; }
		 87% { text-shadow: 2px 2px 5px #444; }
		 93% { text-shadow: 2px 2px 5px #222; }
		100% { text-shadow: 2px 2px 5px #000; }
}

.navbar-nav li {
		padding-right: 2vw;
		text-shadow: 2px 2px 5px black;
		font-family: 'Ubuntu Mono';
}

.navbar-toggler:hover {
	background-color: rgba(245, 245, 245, .125);
}

.nav-link {
		font-size: 1.5vw !important;
}

#languageToggler img {
	cursor: pointer;
}

#languageToggler img:hover {
	box-shadow: 0px 4px 6px grey;
}

/******** HEADER VIDEO (SERVICES) ********/

#myVideo {
  width: 100%;
  height: auto;
  min-height: 60vh;
  float: left;
  object-fit: cover;
}

#videoOverlay {
    position:absolute;
    float:left;
    width: 100%;
    background-color: rgba(0, 0, 0, .4);
    -webkit-background-color: rgba(0,0,0,.5);
    -ms-background-color: rgba(0,0,0,.5);
    -o-background-color: rgba(#000,.5);
    -moz-background-color: rgba(#000,.5);
    z-index: 1;
}

#videoDiv {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
}

#videoDiv h3 {
    font-family: 'BankGothic Regular';
    font-size: 4vw;
    z-index: 2;
    color: white;
}

#videoDiv h4 {
    font-family: 'BankGothic Regular';
    font-size: 2.65vw;
    z-index: 2;
    color: white;
}

/* Removing video border for iPhone */

video {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

/******** USLUGE ********/

#AvioPrevoz .transportSectionTitle { display: flex; font-size: 3vw; }
#AvioPrevoz .jumbotron p { font-size: 2vw; text-align: center; }
#AvioPrevoz .transportSectionTitle:before, #AvioPrevoz .transportSectionTitle:after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid #4287f5;
    margin: auto 2vw;
}
#AvioPrevoz { 
    color: #f9f9f9; overflow: hidden;
    background: rgb(10,28,87);
    background: radial-gradient(circle, rgba(10,28,87,1) 0%, rgba(9,9,121,1) 50%, rgba(0,212,255,1) 100%);
    background-size: cover;
}
#AvioPrevoz .jumbotron {
    background: transparent;
}
#avioIdStandard h4 { font-size: 1.8vw; font-weight: bold; }
#avioIdStandard p { font-size: 1.4vw; }
#avioIdEkspres h4 { font-size: 1.8vw; font-weight: bold; }
#avioIdEkspres p { font-size: 1.4vw; }

#DrumskiPrevoz .transportSectionTitle { display: flex; font-size: 3vw; }
#DrumskiPrevoz .jumbotron p { font-size: 2vw; text-align: center; }
#DrumskiPrevoz .transportSectionTitle:before, #DrumskiPrevoz .transportSectionTitle:after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid #4287f5;
    margin: auto 2vw;
}
#DrumskiPrevoz { 
    color: #f9f9f9; overflow: hidden;
    background: rgb(10,28,87);
    background: radial-gradient(circle, rgba(10,28,87,1) 0%, rgba(9,9,121,1) 50%, rgba(0,212,255,1) 100%);
    background-size: cover;
}
#DrumskiPrevoz .jumbotron {
    background: transparent;
}
#drumskiIdStandard h4 { font-size: 1.8vw; font-weight: bold; }
#drumskiIdStandard p { font-size: 1.6vw; }
#drumskiIdEkspres h4 { font-size: 1.8vw; font-weight: bold; }
#drumskiIdEkspres p { font-size: 1.4vw; }
#FTLLTL { font-size: 1.8vw !important; }

#BrodskiPrevoz .transportSectionTitle { display: flex; font-size: 3vw; }
#BrodskiPrevoz .jumbotron p { font-size: 2vw; text-align: center; }
#BrodskiPrevoz .transportSectionTitle:before, #BrodskiPrevoz .transportSectionTitle:after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid #4287f5;
    margin: auto 2vw;
}
#BrodskiPrevoz { 
    color: #f9f9f9; overflow: hidden;
    background: rgb(10,28,87);
    background: radial-gradient(circle, rgba(10,28,87,1) 0%, rgba(9,9,121,1) 50%, rgba(0,212,255,1) 100%);
    background-size: cover;
}
#BrodskiPrevoz .jumbotron {
    background: transparent;
}
#brodskiIdStandard h4 { font-size: 1.8vw; font-weight: bold; }
#brodskiIdStandard p { font-size: 1.4vw; }
#brodskiIdEkspres h4 { font-size: 1.8vw; font-weight: bold; }
#brodskiIdEkspres p { font-size: 1.4vw; }

#Carinjenje .transportSectionTitle { display: flex; font-size: 3vw; }
#Carinjenje .jumbotron p { font-size: 2vw; text-align: center; }
#Carinjenje .transportSectionTitle:before, #Carinjenje .transportSectionTitle:after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid #4287f5;
    margin: auto 2vw;
}
#Carinjenje { 
    color: #f9f9f9; overflow: hidden;
    background: rgb(10,28,87);
    background: radial-gradient(circle, rgba(10,28,87,1) 0%, rgba(9,9,121,1) 50%, rgba(0,212,255,1) 100%);
    background-size: cover;
}
#Carinjenje .jumbotron {
    background: transparent;
}
#carinaIdStandard h4 { font-size: 1.8vw; font-weight: bold; }
#carinaIdStandard p { font-size: 1.4vw; }
#carinaIdEkspres h4 { font-size: 1.8vw; font-weight: bold; }
#carinaIdEkspres p { font-size: 1.4vw; }

/******** PRE-CONTACT ********/

#preContact .mb-2 {
    font-size: 3vw !important;
}

#preContact .mb-1 {
    font-size: 2vw !important;
}

/******** CANVAS ********/

/*#canvasContainer {
    background-color: #c40a19;
}*/

#canvas {
    vertical-align: bottom;
    /*background: linear-gradient(to top, #FFFFFF 1%, transparent 2%),
    radial-gradient(circle at 100% 0%, rgba(10,28,87,.2) 9%, transparent 20%) center bottom / 15px 15px,
    linear-gradient(to top, #FFFFFF 1%, #FFFFFF 2%)*/
}

/******** SERVICES ICONS ********/

.servicesICON {
    width: 20vw;
}

/******** CAROUSEL ********/

.carousel-inner img {
		min-width: 100%;
		max-width: 250%;
		min-height: 100vh;
		height: auto;
		opacity: 1;
}

.carousel-caption {
		position: absolute;
		top: 50%;
		transform: translateY(-10%);
		/*text-shadow: 1px 1px 2px #c9c9c9, -1px -1px 2px #d4d4d4;*/
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

.carousel-caption {
    font-family: 'BankGothic Regular' !important;
}

.carousel-caption h1 {
        font-family: 'BankGothic Regular';
		font-size: 5vw;
		text-transform: uppercase;
		text-shadow: 2px 2px 15px #000;
		-webkit-animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

.carousel-caption h3 {
		font-size: 3.5vw;
		font-weight: 500;
		text-shadow: 2px 2px 10px #000;
		padding-bottom: .5vh;
		-webkit-animation: tracking-in-expand 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

.carousel .btn {
		margin-top: 2vh;
		text-shadow: 1px 1px 10px #000;
		font-size: 2vw;
		border: 2px solid white;
}

.carousel .btn:first-of-type {
		margin-right: 1vw;
		-webkit-animation: scale-in-bl 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-bl 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.carousel .btn:nth-of-type(2) {
		margin-left: 1vw;
		-webkit-animation: scale-in-br 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-br 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-in-br {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-br {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}

@-webkit-keyframes scale-in-bl {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-bl {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}

.carousel .btn:hover {
		text-shadow: none;
}

/*.btn-danger {
		background-color: tomato;
		border: 2px solid tomato !important;
		text-shadow: none !important;
}

.btn-danger:hover {
		background-color: #ed1111;
		border: 2px solid #ed1111 !important;
}*/

/******** JUMBOTRON ********/

#jumbotron {
    /*background-color: #f9f9f9;*/
    background-color: #f9f9f9;

    color: #c40a19;
    overflow: hidden;
    
    /*background-image: url('img/jumboBKG.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: .7;*/
}

#jumbotron h3 {
    color: #c40a19;
    display: block;
    text-shadow: 0px -1px 0px #c40a19, 1px 1px 3px #802718;
    /* 50% black coming from the top */
    text-transform: uppercase;
    font-size: 5vw;
    font-family: 'Arial';
    font-weight: bold;
}

#jumbotron h4 {
    color: #c40a19;
    text-transform: uppercase;
    font-size: 2vw;
    font-family: 'Ubuntu Mono';
    margin-top: -10%;
}

.jumbotron {
		align-items: center;
		background-color: inherit;
}

.jumbotron p.lead {
		margin: 0;
}

.jumbotron .btn {
        margin-top: 2vh;
}

#jumbotron .card-img-top:hover {
	-webkit-animation: jello-vertical 0.9s both;
	        animation: jello-vertical 0.9s both;
}

@-webkit-keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/******** WELCOME ********/

.welcome {
		width: 75%;
		margin: 0 auto;
		padding-top: 5vh;
}

.welcome hr {
		border-top: 2px solid #b4b4b4;
		width: 95%;
		margin-top: .5vh;
		margin-bottom: 1.5vh;
}

/******** THREE-COLUMN SECTION ********/

#three-column svg.svg-inline--fa:hover {
	-webkit-animation: rotate-tr 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: rotate-tr 0.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes rotate-tr {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }
}
@keyframes rotate-tr {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }
}

.fa-code {
		color: #e54d26;
}

.fa-bold {
		color: #563d7c;
}

.fa-css3 {
		color: #2163af
}

.fa-code, .fa-bold, .fa-css3 {
		font-size: 5vw;
		margin: 2.5vh 2.5vw;
}

#three-column h3 {
		font-size: 2.5vw;
}

#three-column p {
		font-size: 1vw;
}

/******** FIXED BACKGROUND ********/

#fixedOverlay {
		/*background-color: rgba(176, 34, 34, .4);*/
		background-color: rgba(10, 10, 10, .4);
		height: inherit;
		overflow: hidden;
}

#fixed {
		background-image: url('img/allTypesOfTransport.jpg');
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        height: 50vh;
        font-family: Prompt;
}

.fixedBkgPara:nth-of-type(2) {
    color: white;
    font-size: 1.75vw;
    justify-content: center;
}

.fixedBkgPara:nth-of-type(1), .fixedBkgPara:nth-of-type(3) {
    color: white;
    font-size: 1.60vw;
    justify-content: center;
}

figure {
		margin-bottom: 0;
}

.animatedCenteredText {
    -webkit-animation: text-focus-in 1.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1.25s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

/******** CARDS ********/

.card {
		max-width: 400px;
		border-color: #c40a19;
		font-family: Prompt;
}

.card-body p {
		text-align: justify;
		color: #000;
}

.card-body h4 {
		color: #000;
}

.card .btn-danger {
		position: absolute;
		bottom: 0;
		margin-bottom: 1.25rem;
}

p.card-text {
		margin-bottom: 3rem;
}

.card .card-img-top:hover {
    -webkit-animation: jello-diagonal-2 0.8s both;
	        animation: jello-diagonal-2 0.8s both;
}

@-webkit-keyframes jello-diagonal-2 {
  0% {
    -webkit-transform: skew(0deg 0deg);
            transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(-25deg -25deg);
            transform: skew(-25deg -25deg);
  }
  40% {
    -webkit-transform: skew(15deg, 15deg);
            transform: skew(15deg, 15deg);
  }
  50% {
    -webkit-transform: skew(-15deg, -15deg);
            transform: skew(-15deg, -15deg);
  }
  65% {
    -webkit-transform: skew(5deg, 5deg);
            transform: skew(5deg, 5deg);
  }
  75% {
    -webkit-transform: skew(-5deg, -5deg);
            transform: skew(-5deg, -5deg);
  }
  100% {
    -webkit-transform: skew(0deg 0deg);
            transform: skew(0deg 0deg);
  }
}
@keyframes jello-diagonal-2 {
  0% {
    -webkit-transform: skew(0deg 0deg);
            transform: skew(0deg 0deg);
  }
  30% {
    -webkit-transform: skew(-25deg -25deg);
            transform: skew(-25deg -25deg);
  }
  40% {
    -webkit-transform: skew(15deg, 15deg);
            transform: skew(15deg, 15deg);
  }
  50% {
    -webkit-transform: skew(-15deg, -15deg);
            transform: skew(-15deg, -15deg);
  }
  65% {
    -webkit-transform: skew(5deg, 5deg);
            transform: skew(5deg, 5deg);
  }
  75% {
    -webkit-transform: skew(-5deg, -5deg);
            transform: skew(-5deg, -5deg);
  }
  100% {
    -webkit-transform: skew(0deg 0deg);
            transform: skew(0deg 0deg);
  }
}

/******** CONNECT ********/

#connect {
    background-color: #f9f9f9;
    color: #0275d8;
}

#connect h2 {
    font-family: 'Ubuntu Mono';
    color: #c40a19;
    text-shadow: -1px -1px 1px #c40a19;
    text-transform: uppercase;
}

#connect .btn:hover {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}

.social a {
		font-size: 10vw;
		padding: 1vh 2vw;
}

.fa-facebook {
		color: #3b5998;
}
.fa-twitter {
		color: #00aced;
}
.fa-google-plus-g {
		color: #dd4b39;
}
.fa-instagram {
		color: #517fa8;
}
.fa-youtube {
		color: #bb0000;
}

.fa-facebook:hover, .fa-twitter:hover, .fa-google-plus-g:hover, .fa-instagram:hover, .fa-youtube:hover {
		color: #d5d5d5;
}

#connect img {
    width: 10vw !important;
}

.social img:hover {
    animation: rotateConnect .4s 1;
}

@keyframes rotateConnect {
      0% { transform: rotate(0deg); }
     10% { transform: rotate(36deg); }
     20% { transform: rotate(72deg); }
     30% { transform: rotate(108deg); }
     40% { transform: rotate(144deg); }
     50% { transform: rotate(180deg); }
     60% { transform: rotate(216deg); }
     70% { transform: rotate(252deg); }
     80% { transform: rotate(288deg); }
     90% { transform: rotate(324deg); }
    100% { transform: rotate(360deg); }
}

/******** FOOTER ********/

.btSiteFooterCurve .btSiteFooterCurveSleeve{background:#084274;}
.btSiteFooterCurve .btCurveLeft,.btSiteFooterCurve .btCurveRight{fill:#084274;}

footer {
		padding-top: 2vh;
		background-color: #c40a19; /* #c40a19 */
		color: white;
		font-family: 'BankGothic Regular';
}

footer hr {
		border-color: white;
		width: 65%;
}

footer hr#lastHR {
		width: 90%;
}

#curvedDiv {
        background: linear-gradient(360deg, #c40a19, #f9f9f9);
        -webkit-background: linear-gradient(360, #c40a19, #f9f9f9);
        border-radius: 50% / 75px 75px 0 0;
        border-top: 4px solid #f9f9f9;
}

#curvedEdgeFooter {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 50px;
    /* border-bottom-left-radius:50%;
    border-bottom-right-radius:50%; */
}

footer img {
    width: 3vw;
    padding: 0;
    display: inline-block;
}
footer h4 {
    font-size: 1.2vw;
    margin-bottom: 0;
    /*color: #c40a19;*/
    color: #f9f9f9 !important;
    text-align: left;
    font-weight: 700;
    display: inline-block;
}

footer hr {
    border-color: #f9f9f9;
}

footer h5 {
    color: #f9f9f9;
}

/******** MEDIA QUERIES ********/

@media only screen and (min-width: 992px) {
		#two-column1 h2 {
				font-size: 2.5vw;
				margin-top: 1vh;
		}
		#two-column1 p {
				font-size: 1.25vw;
				margin-bottom: .5vh;
		}
		#two-column1 .btn {
				margin: 0 !important;
		}
		#two-column1 img {
				margin-bottom: 0;
		}
		.carousel-inner img {
				width: 100%;
		}
		footer img {
		    width: 2.25vw;
		}
		footer h4 {
		    font-size: 2.2vw;
		}
		footer h5 {
		    font-size: 2.4vw;
		    font-weight: 700;
		}
}

@media only screen and (min-width: 1200px) {
		.navbar-brand span {
				display: inline-block !important;
		}
		#two-column1 h2 {
				margin-bottom: 3vh;
				margin-top: 3vh;
		}
		.social a {
				font-size: 6vw;
		}
		footer img {
		    width: 1.25vw;
		}
		footer h4 {
		    font-size: 1.15vw;
		}
		.inlineDiv {
		    white-space: nowrap;
		}
		footer h5 {
		    font-size: 1.4vw;
		    font-weight: 700;
		}
}

@media only screen and (min-width: 1300px) {
		#two-column1 p {
				margin-bottom: 2vh;
		}
}

@media only screen and (max-width: 1199px) {
		#three-column p {
				font-size: 1.5vw;
		}
}

@media only screen and (max-width: 1024px) {
        .carousel-inner img {
            width: 120% !important;
            transform: translateX(10%);
        }
}

@media only screen and (max-width: 991px) {
		.carousel-inner img {
				margin-left: -25%;
		}
		#fixed { height: 40vh; }
		.fixedBkgPara:nth-of-type(1) {
		    font-size: 3.2vw;
		}
		.fixedBkgPara:nth-of-type(2), .fixedBkgPara:nth-of-type(3) {
		    font-size: 2.8vw;
		}
		footer img {
            width: 2.8vw;
        }
        footer h4 {
            font-size: 2.8vw;
        }
        footer h5 {
            font-size: 3vw;
            font-weight: 700;
        }
}

@media only screen and (max-width: 791px) {
    #jumbotron h4 {
        font-size: 1.45vw;
    }
    #jumbotron h3 {
        font-size: 4vw;
    }
}

@media only screen and (max-width: 767px) {
		.navbar {
				position: static !important;
		        /*background-color: #c40a19;*/
				background: linear-gradient(45deg, #050505, #000000);
		}
		.nav-link {
				font-size: 5vw !important;
				/*display: flex;
				justify-content: center;*/
		}
		.fa-code, .fa-bold, .fa-css3 {
				font-size: 10vw;
				margin: 2.5vh 2.5vw;
		}
		#three-column h3 {
				font-size: 4vw;
		}
		#three-column .third {
				margin-top: 5vh;
		}
		.carousel .btn {
				padding-right: 5vw !important;
				padding-left: 5vw !important;
		}
		.jumbotron div:nth-of-type(1) {
		        text-align: center;
		}
		.jumbotron div:nth-of-type(2) {
		        display: flex;
		        justify-content: center;
		}
		.jumbotron .ml-auto {
		        margin-left: 0 !important;
		}
		#jumbotron h4 {
            font-size: 4vw;
        }
        footer h4 {
            font-size: 3vw;
        }
        .carousel-inner img {
            width: 140% !important;
        }
}

@media only screen and (max-width: 767px) and (min-width: 600px) {
    footer .inlineDiv {
        padding: 5px 20px;
    }
}

@media only screen and (max-width: 599px) and (min-width: 576px) {
    #preContact .mb-2 {
        font-size: 2.7vw !important;
    }
    #preContact .mb-1 {
        font-size: 1.8vw !important;
    }
}

@media only screen and (max-width: 575px) {
		#three-column .third {
				margin-top: 0;
		}
		.carousel-indicators {
				display: none;
		}
		#two-column1 {
		    padding-right: 0 !important;
		    padding-left: 0 !important;
		}
		/*.carousel-item:nth-of-type(2) img {
		    width: 120vw;
		    transform: translate(-10vw, 0);
		}*/
		#preContact .mb-2 {
            font-size: 5vw !important;
        }
        #preContact .mb-1 {
            font-size: 3.5vw !important;
        }
        #preContact .col-12 {
            padding-bottom: 10px;
        }
        #preContact .col-12:first-of-type {
            padding-top: 10px;
        }
        footer .inlineDiv {
            padding: 5px 20px;
        }
        .inlineDiv:nth-of-type(2) h4 {
            letter-spacing: -0.5px;
        }
        #connect img {
            width: 12vw !important;
        }
        #AvioPrevoz .transportSectionTitle { font-size: 6vw; }
        #AvioPrevoz .transportSectionTitle:before {border-color: white; }
        #AvioPrevoz .transportSectionTitle:after {border-color: white; }
        #AvioPrevoz .jumbotron .container .lead { font-size: 4vw; }
        #avioIdStandard h4 { font-size: 3vw; font-weight: bold; }
        #avioIdStandard p { font-size: 2.5vw; }
        #avioIdEkspres h4 { font-size: 3vw; font-weight: bold; }
        #avioIdEkspres p { font-size: 2.5vw; }
        .jumbotron { margin-bottom: 0; }
        #DrumskiPrevoz .transportSectionTitle { font-size: 6vw; }
        #DrumskiPrevoz .transportSectionTitle:before {border-color: white; }
        #DrumskiPrevoz .transportSectionTitle:after {border-color: white; }
        #DrumskiPrevoz .jumbotron .container .lead { font-size: 4vw; }
        #drumskiIdStandard h4 { font-size: 3vw; font-weight: bold; }
        #drumskiIdStandard p { font-size: 2.5vw; }
        #drumskiIdEkspres h4 { font-size: 3vw; font-weight: bold; }
        #drumskiIdEkspres p { font-size: 2.5vw; }
        #FTLLTL { font-size: 2vw !important; }
        #BrodskiPrevoz .transportSectionTitle { font-size: 6vw; }
        #BrodskiPrevoz .transportSectionTitle:before {border-color: white; }
        #BrodskiPrevoz .transportSectionTitle:after {border-color: white; }
        #BrodskiPrevoz .jumbotron .container .lead { font-size: 4vw; }
        #brodskiIdStandard h4 { font-size: 3vw; font-weight: bold; }
        #brodskiIdStandard p { font-size: 2.5vw; }
        #brodskiIdEkspres h4 { font-size: 3vw; font-weight: bold; }
        #brodskiIdEkspres p { font-size: 2.5vw; }
        
        #Carinjenje .transportSectionTitle { font-size: 6vw; }
        #Carinjenje .transportSectionTitle:before {border-color: white; }
        #Carinjenje .transportSectionTitle:after {border-color: white; }
        #Carinjenje .jumbotron .container .lead { font-size: 4vw; }
        #carinaIdStandard h4 { font-size: 3vw; font-weight: bold; }
        #carinaIdStandard p { font-size: 2.5vw; }
        #carinaIdEkspres h4 { font-size: 3vw; font-weight: bold; }
        #carinaIdEkspres p { font-size: 2.5vw; }
        
		footer img {
		    width: 3.8vw;
		}
		footer h4 {
		    font-size: 3.8vw;
		}
		footer h5 {
		    font-size: 4vw;
		    font-weight: 700;
		}
}

@media only screen and (max-width: 419px) {
        .navbar {
		    background-color: rgba(10, 10, 10, 0.0);
        }
		.carousel .btn:nth-of-type(1), .carousel .btn:nth-of-type(2) {
				margin-right: 0 !important;
				margin-left: 0 !important;
		}
		.carousel .btn {
				margin-top: 2vh !important;
				margin-bottom: 2vh !important;
		}
		#2ndWelcome {
		        text-align: center;
		}
		a.nav-link {
		        text-transform: uppercase;
		        text-align: center;
		}
        .carousel-inner img {
	        margin-left: 40%;
            transform: translateX(-40%);
            height: 55vh;
        }
}

@media only screen and (min-width: 768px) and (max-width: 966px) {
	.nav-link {
		font-size: 2vw !important;
	}
}

/******** Firefox Bug Fix ********/

.carousel-item {
		transition: -webkit-transform 0.5s ease;
		transition: transform 0.5s ease;
		transition: transform 0.5s ease, -webkit-transform 0.5s ease;
		-webkit-backface-visibility: visible;
		backface-visibility: visible;
}