@font-face {
	font-family: 'Sahel-FD';
	src: url( 'fonts/Sahel-FD.eot' );
	src: url( 'fonts/Sahel-FD.eot?#iefix' ) format( 'embedded-opentype' ),
		url( 'fonts/Sahel-FD.woff2' ) format( 'woff2' ),
		url( 'fonts/Sahel-FD.woff' ) format( 'woff' ),
		url( 'fonts/Sahel-FD.ttf' ) format( 'truetype' );
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Mj-Samra';
	src: url( 'fonts/Mj-Samra.ttf' ) format( 'truetype' );
	font-weight: normal;
	font-style: normal;
}

html, body, header, nav, div, p, span, a, h1, h2, h3, h4, h5, h6 {
	font-family: 'Sahel-FD', tahoma !important;
}

.navbar-brand{
	font-family: 'Mj-Samra', 'Sahel-FD', tahoma !important;
}

@media (min-width: 768px){
    header.masthead h1, header.masthead .h1 {
        font-size: 2.6rem !important;
    }
}

@media (min-width: 768px){
    header.masthead {
        padding-top: 6.5rem;
        padding-bottom: 9.5rem;
    }
}

@media (max-width: 768px){
    .navbar-brand, #about-project {
        margin-left: auto;
        margin-right: auto;
    }
}

.navbar-brand {
    font-size: 2.1em;
    font-weight: normal;
    text-shadow: 0px 3px 22px #838383;
}

.select2-container .select2-selection--single {height: 50px !important;}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 1.5em;
    padding: 11px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px !important;
    right: 4px !important;
    vertical-align: middle !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    padding-right: 5px;
    padding-top: 11px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    direction: ltr;
}

.select2-results__option {
    direction: ltr;
}

.select2-container--default .select2-results>.select2-results__options {
    direction: ltr;
}

.bg-primary {
    background-color: #2196F3 !important;
}

.bg-danger {
    background-color: #c20747 !important;
}

.bg-dark {
    background-color: #ad9c06 !important;
}

.bg-success {
    background-color: #108a15 !important;
}

footer.footer {
    padding-top: 1rem;
    padding-bottom: 0rem;
    border-top: 1px dashed #a6a6a6;
}

.testimonials {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.btn-danger, .btn-danger:hover, .btn-danger:focus {
    background: repeating-linear-gradient(130deg, #b35cb3, #000000, #ffec25);
    border: 0;
    color: #fff;
    background-size: 200% 200%;
    animation: changecolor 35s ease infinite;
}

@keyframes changecolor { 
    0%{background-position:10% 0%}
    50%{background-position:91% 100%; background-size: 300% 300%;}
    100%{background-position:10% 0%}
}

header.masthead{
    background: repeating-linear-gradient(130deg, #b35cb3, #000000, #ffec25);
    -webkit-animation: mymove 5s ease infinite;
    -moz-animation: mymove 5s ease infinite;
    animation: mymove 35s ease infinite;
    background-size: 200% 200%;
}

@-webkit-keyframes mymove {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@-moz-keyframes mymove {
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
@keyframes mymove { 
    0%{background-position:10% 0%}
    50%{background-position:91% 100%; background-size: 300% 300%;}
    100%{background-position:10% 0%}
}

h5, .h5 {
    line-height: 1.4em;
}

@media (min-width: 768px){
    .showcase .showcase-text {
        padding: 4rem;
    }
}