/* GENERAL */

  .affix {
      top:0;
      width: 100%;
      z-index: 9999 !important;
  }
  .navbar {
      margin-bottom: 0px;
  }

body 
{
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: auto;
}

/* Prevent layout from breaking uppon very small width screen */
@media (max-width: 670px){
	body
	{
		min-width:670px;
		overflow:scroll
	}
}

div, h1, h2, h3, h4, p, span, input 
{
   font-family: 'Montserrat', sans-serif;
}

/* Padding for glyphs */
i
{
	padding: 4 10 4 0;
}

a
{
	text-decoration:none!important;
}

@media (max-width: 1200px) {
	.col-lg-5 h3
	{
		padding-top:20px;
	}
}

.light
{
	font-weight:300;
	color:#c5c5c5;
}

.hideme
{
    opacity:0;
}

.fa-big
{
	font-size:15pt !important;
	color:#c52600;
}

.centerer-container
{
	display: table;
	height: 100%; 
	overflow: hidden;
}

.centerer-div
{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}

/* HOME SECTION */

.navbar-icon
{
	color:white!important;
}

.title:before 
{
	background-color: #ffb600;
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 15px;
    left: 0;
}

.container .test:before,
.container .test:after
{
    display: inline-block;
    content: "";
    border-bottom: 3px solid white;
    width: 42px;
    padding: 5px;
    margin-bottom: 8px;
    margin-left: 25px;
    margin-right: 25px;
}

.test 
{
	color:white;
	position:relative;
    -webkit-animation-name: brand-name-anim;
    -webkit-animation-duration: 3s;
    -webkit-animation-fill-mode:forwards;
}

@-webkit-keyframes brand-name-anim 
{
    0%   {opacity:0;left:-10%;}
    70% {opacity:1;}
    100% {opacity:1;left:0;}
}

.home
{
	height:275px;
	background-color: #333;
}


.brand-name
{
	text-transform: uppercase !important;
	font-weight: 700 !important;
	color:#ff5722 !important; 
	font-size:25pt !important;
		    -webkit-animation-name: brand-name-anim;
		    -webkit-animation-duration: 3s;
		    -webkit-animation-fill-mode:forwards;
}

.brand-name.big
{
	font-size:24pt !important;
}

@media (min-width: 992px){
	.brand-name
	{
		font-size:18pt !important;
		
	}
}

@media (min-width: 1200px){
	.brand-name
	{
		font-size:27pt !important;
	
	}
}

.flag-border
{
	border: 1px solid white;
}

/* BANNER SECTION */

.banner
{
	height:100%;
	min-height: 500px;
	max-height: 1200px;
}

.info-banner-container
{
	height:75px;
	background-color:#e05402;
    border-top: 1px solid #c14902;
    border-bottom: 4px solid #c14902;
}

.info-banner-content
{
	color:white;
	font-size:14pt;
	border: 2px solid white;
    border-radius: 15px;
    padding: 8px;
}

/* PROJECTS SECTION */

.projects-img
{
	width:100%;
	height:50%;
	padding-left:0px !important;
	padding-right:0px !important;
}

.projects-img img
{
	width:100%;
}

@media (max-width: 1200px){
	.hide-picture
	{
		display:none;
	}
}

/* FOOTER SECTION */

.footer
{
	height:100px;
	background-color:#222;
	color:#eee;
}

.footer-links
{
	color:white;
}

.footer-links:hover
{
	color:#ff5722;
}

/* CALCULATOR SECTION */

span.calc-button
{
	cursor:pointer;
	background-color: white;
}

span.calc-button:hover
{
	background-color: #e6e6e6;
}

.result-padding
{
	padding-top:20px;
	padding-bottom:40px;
}

@media (max-width: 1000px){
	.extra-small-screen-padding-top
	{
		padding-top:10px;
	}
}

/*
.footer-links
{
	font-size:10pt;
	margin: 0 3% 0 3%;
}

@media (min-width: 1200px){
	.footer-links
	{
		font-size:11pt;
		margin: 0 3% 0 3%;
	}
}

@media (min-width: 1400px){
	.footer-links
	{
		font-size:14pt;
		margin: 0 5% 0 5%;
	}
}

@media (min-width: 1800px){
	.footer-links
	{
		font-size:17pt;
		margin: 0 5% 0 5%;
	}
}*/