/*

My Custom CSS
=============

Author:  Brad Hussey
Updated: August 2013
Notes:	 Hand coded for Udemy.com

*/


/* --------------------------------------
   Layout
   -------------------------------------- */


ul li {
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    display: inline-block;
    padding: 10px;
    
    }

p {
    color: #404040;
    font-family: 'Lato', sans-serif;
    }

label, p {
    color: #404040;
    font-family: 'Lato', sans-serif;
    
    }

a {
    color: #fff;
    font-family: 'Lato', sans-serif;

}

h1 {
  font-family: 'Ubuntu Condensed', sans-serif;
  color: aliceblue;  
  padding-top: 10px;
  margin: 0px;   
}


h2, h3 {
    font-family: 'Ubuntu Condensed', sans-serif;
    padding-top: 0px;
    margin: 0px;
}

.mainBg {
  background: url(../../images/455500490_1a69e70c37_o.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    min-height: 600px;
}



.sjena{
    max-width: 100%;
    margin: -20px;
}

.sjena_2{
    max-width: 100%;
    margin-top: -50px;
}


.bold {
    font-weight:800;
    font-size: 30px;
    text-align: center;
    }

.color {
    font-weight:800;
    font-size: 30px;
    color: #8AEC50;
    
    }

#bold {
    font-weight:800;
    font-size: 30px;
    color: #fff;
    }
    
.section {
    padding-top: 40px;
}

.black {
    text-align: center;
}

.container-fluid {
    background-color: #8AEC50;
}

.paragraf {
    max-width: 700px;
    padding-bottom: 20px;
}

.centerNavLogo img {
    padding-bottom: 10px;
    max-width: 246px;
    min-width: 100px;
    margin: auto;
    }

.centerNavLogo p {
    color: #404040;
    text-align: center;
    }

.spika{
    background-color: #FFF;
    text-align: left;
    height: 280px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px; 
}

.spika p {
        margin-top: 10px;
}

.projects img {
    max-height: 60px;
}

.projects h2 {
    margin: 0px;    
}

.team {
    background-color: #FFF;
    text-align: left;
    height: 345px;
    border-radius: 5px;
    padding: 0px; 
    margin-bottom: 20px;
}

.marginLeft_team {
margin-left: 100px;    
}

.feature {
    background-color: #FFF;
    text-align: center;
    height: 220px;
    border-radius: 5px;
    padding: 0px; 
    margin-bottom: 20px;
}

.txt p, {
    margin-left: 90px;
    margin-right: 20px;
    text-align: left;
    
    }

.logos {
    margin: auto;
    margin-bottom: 60px;
    }

.logos img {
    max-width: 140px;

}

.datum {
    padding-top: 15px;
    text-align: left;
    font-size: 13px;
    color: #CECECF;
}

.naslov {
    text-align: left;
    color: #CECECF;
}

.blog img {
    width: 100%
}


.contactForm {
    background-color: #F1F0EC;
    padding: 20px;
    height: 550px;
    margin-top: 40px;
}

.infoColor{
    color: #e4b677;   
}

.companyInfo p {
    color: #C2C2C2;
}

.navigation{
    text-align: center;
    margin-bottom: 50px;
    padding-top: 40px;
}

.contactForm a {
    color: #404040;
}

.share {
    padding-top: 20px;
    margin: auto;
}

.share img {
    margin: 0px;
    max-height: 60px;
    max-width: 80px
}

.icons img {
    max-height: 90px;
    padding: 10px;
    margin-bottom: 30px;
}


/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


/* --------------------------------------
   Google map
   -------------------------------------- */

.FBbutton {
    background-color: #3c5a96;
    padding: 10px;
    border-radius: 5px;
}


.map {
	width:100%;
	height:500px;	
}


.map-wrap {
	position:relative; 
}
	
.overlay {
	width:100%;
	min-height:700px; 
	position:absolute; 
	top:0;
}

.btnColor {
    background: aqua;
}



/* --------------------------------------
   Typography
   -------------------------------------- */



/* --------------------------------------
   Navbar
   -------------------------------------- */


/* --------------------------------------
   Carousel
   -------------------------------------- */



/* --------------------------------------
   Global Styles
   -------------------------------------- */



/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	
}

/* Large desktop */
@media (min-width: 1200px) {
	
}

.b-radius-left {
    border-top-left-radius: 5px;    
    border-bottom-left-radius: 5px;  
}
.b-radius-right {
    border-radius: 5px;    
}