@charset "UTF-8";
/* 
    Created on : Nov 22, 2018, 3:03:44 PM
    Author     : GILBORG, obrt za usluge programiranja i savjetovanja, vl. Filip Ružić, Cernička 8
*/

body {
      background-color: #000;
      color: #00aeef; 
      font-family: 'Orbitron', sans-serif;
}

html, body, #container {
      width: 100%;
}

.clear {
      clear: both;
}

.hidden {
	display: none;
}

.navbar-nav {
      margin: 0 auto;      
}

#services_div .service {
    text-align: center;
}

@media only screen and (min-width: 1249px) {
      #container {
            width: 1250px;
            margin: 0 auto;
      }
	  
		#services_div .service {
			text-align: left;
		}
}

#container p {
      padding: 1em;
      text-align: justify;
}

#container #tag_line {
      text-align: center;
}
 
#header {
      margin: 0 auto;
      text-align: center;
}

#header_logo {
      margin-top: 5em;
      margin-bottom: 1em;
}

#header_img {
      margin: 0 auto;
}

@media only screen and (max-width: 1249px) {
      #header_img {
            width: 100%;
      }
      #header_logo img  {
            width: 70%;
      }
}

.title {
      background-color: #343a40;
      margin: 2em 0px;
      padding: 1em 2em;
      text-align: center;
}

.title img {
      vertical-align: middle;
      width: 2em;
}

h1{
      font-size: larger;
      display: inline;
      margin: 1em;    
}

#services_div {
      width: 90%;
      margin: 0 auto;
}

#services_div .service {
      margin-bottom: 2em;
}

#services_div img {
      width: 4em;
}

#services_div .info {
      margin: auto;
}

@media only screen and (max-width: 1249px) {
      #services_div .service {
            margin-bottom: 0em;
      }
      #services_div img,
      #services_div .info {
            margin-bottom: 1em;
      }
}

#contact_form {
      width: 90%;  
      margin: 0 auto;
}

#contact_form .form-control{
      background: rgba(255,255,255,.5);
}

.btn-primary {
      background-color: #000;
      border-color: #00aeef;
}

.btn-primary:hover {
      background-color: #00aeef !important;
      color: rgba(255,255,255,.5) !important;
}

#footer p {
      text-align: center;
}