.jumbotron
{
    background-image: url("../img/cami2.jpg");
    background-size:cover;
    height: 100%;
    
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

main > .container {
  padding: 60px 15px 0;
}

.card-title {
    font-size: 16px ;
    font-weight: 400;
    color: #006400 ;
    line-height: 1.35em;
    height: 34px;
}

.footer {
  background-color: #f5f5f5;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.sosyalMedia {
    display: inline-block;
    position: relative;
    left: 10px;
}

    .sosyalMedia a {
        background: #a1a1a1;
        text-decoration: none;
        color: #FFF;
        width: 30px;
        height: 30px;
        display: inline-block;
        border-radius: 10px;
        font-size: 20px;
        overflow: hidden;
        position: relative;
        line-height: 30px;
        text-align: center;
    }

    .sosyalMedia a {
        transition: transform 0.4s linear 0s, 
                    border-top-left-radius 0.1s linear 0s, 
                    border-top-right-radius 0.1s linear 0.1s, 
                    border-bottom-right-radius 0.1s linear 0.2s, 
                    border-bottom-left-radius 0.1s linear 0.3s;
    }

    .sosyalMedia .facebook:hover {
        background-color: #3b5998;
        transform: rotate(360deg);
        border-radius: 50%;
    }

    .sosyalMedia .twitter:hover {
        background-color: #00aced;
        transform: rotate(360deg);
        border-radius: 50%;
    }

    .sosyalMedia .google-plus:hover {
        background-color: #dd4b39;
        transform: rotate(360deg);
        border-radius: 50%;
    }

    .sosyalMedia .instagram:hover {
        background-color: #bc2a8d;
        transform: rotate(360deg);
        border-radius: 50%;
    }

    .sosyalMedia .linkedin:hover {
        background-color: #25d366;
        transform: rotate(360deg);
        border-radius: 50%;
    }

    .sosyalMedia .youtube:hover {
        background-color: #bb0000;
        transform: rotate(360deg);
        border-radius: 50%;
    }

    .topLogo {
       
    }

    .topFooter {
        background-color: #3b5998;
        navbutton_background_color: #bb0000;
    }