/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26.2.2019, 20:15:20
    Author     : Komori
*/
body { font-family: 'Open Sans', sans-serif; margin-bottom: 10px;}
img { max-width: 100%; height: auto;}
.jumbotron {
    background: url("../images/chata.png") center no-repeat; background-size: 100% auto;
}
.jumbotron h1, .jumbotron p { color: #fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.8);}
.jumbotron h1 { font-weight: bold;}
.jumbotron p { font-weight:bold;}
/*.navbar-brand {
    width: 50px;
}*/
.jumbotron hr { border-top: 1px solid rgba(0,0,0,0.3);}
.proc h3 {
    font-size: 24px;
    color: blue;
   
}

.proc_my, proc_my i { 
     background: #bada55;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     text-align: center;
     line-height: 50px;
     font-size: 20px;
   
     }

.social { 
    background: #bada55;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 20px;
     }
     
   
     
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-primary:active, btn-primary:focus, btn-primary:active:focus {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

@media screen and (min-width: 575px) {
    .btn-lg {
        padding: .5rem 1rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .3rem;
    }
    .btn-primary {
        
    }
}

@media screen and (max-width: 768px) {

   .jumbotron { background: url("../images/chata.png") center no-repeat; background-size: auto 100%;}
}