@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|IBM+Plex+Sans:400,700|Nanum+Gothic:400,700|Quicksand:400,700');
@import url('https://fonts.googleapis.com/css?family=Comfortaa|Inconsolata|Merriweather|Philosopher|Raleway|Merienda');

html, body, .container {
    height: 100%;
    font-family: 'Nanum Gothic', sans-serif;
    background:#000; 
    letter-spacing: 0px;
    color:#bbb;
    /*font-size: 16px;*/
}
.container {
    background:black;
}
.carousel-item picture {
    border-radius: 10px;
}
.my_card_title {
    font-weight:400;
    font-size: 1.3em!important;
    font-family: 'Nanum Gothic', sans-serif;
    text-transform: uppercase;
}
h1 {
    font-size:1.4rem;
    margin:1rem 0;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight:400;
    color:#ccc;
}
h2 {
    font-size:1.1rem;
    margin:0.5rem 0;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight:400;
    color:#666;
}
h5.card-title {
    font-size:1.5rem;
    font-family: 'Montserrat', sans-serif;
}

div.newsletter_body {
	background:#FFF;
	border-radius:10px;
	padding:20px;
	margin-top:10px;
	margin-bottom:10px;
    font-family: 'Roboto Condensed', sans-serif;
    
}
div.newsletter_body p, div.newsletter_body ul {
    color:#333;
    font-size:0.8em;
}
div.newsletter_body h1 {
	font-size:1.5em;
	margin-bottom:10px;
	padding-left:0px;
	margin-left:0px;
}
    
div.newsletter_body h2 {
	padding-left:0px;
	margin-left:0px;
}
div.newsletter_body h3 {
	padding-left:0px;
	margin-left:0px;
}
/*
ul.clients{
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    list-style-type: none;
    margin:0;
    padding:0;
} 
ul.clients li{
    margin:0;
    padding:0;
    margin-bottom:1em;
    
}
*/
.content_div {
    background: url("../images/watermark.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; 

}
.list-group-item-myitem {
    background:#910072;
    color:#FFFFFF;
}
.list-group-item-action_head{
    background:gray;
    color:#FFFFFF;
}
/*table.contact_card td{
    width:100%;
    border: 1px solid #ccc;
}*/
.contact_card {
    color:#666;
}
.contact_card h3{
    font-size: 1.4em;
    
}
.contact_card h4{
    font-size: 1.2em;
    color:#666;
    font-weight: bold;
    margin-bottom: 2em;
}
.contact_card a{
    color:#666;
}
.contact_card p{
    font-size: 1.1em;
    color:#666;
}
.cloud {
    display: inline;
    list-style-type: none;
    /*width: 400px;*/
    padding-left:0;
}
.cloud li {
    list-style: none;
    display: inline;
    margin-right:1em;

}
.cloud li:nth-of-type(1n) {
    font-size: 3.2em;
    color:#CDA458;
    font-family: 'Raleway', sans-serif;

}
.cloud li:nth-of-type(4n+3) {
    font-size: 1.3em;
    color:#566260;
    font-family: 'Merriweather', serif;

}
.cloud li:nth-of-type(5n - 3) {
    font-size: 3em;
    color:#F2D0A7;
    font-family: 'Comfortaa', cursive;

}
.cloud li:nth-of-type(5n - 2) {
    font-size: 2.2em;
    color:#DAAD6C;
    font-family: 'Philosopher', sans-serif;

}
.cloud li:nth-of-type(5n - 1) {
    font-size: 2.6em;
    color:#D95B1A;
    font-family: 'Merienda', monospace;

}
.cloud li:nth-of-type(5n) {
    font-size: 2.4em;
    color:#486D5A;
}
.h_btn {
    border-color: #910072;
    background: #111;
    color:#910072;
    border:none;
}
.h_btn:hover, .h_btn:focus, .h_btn:active, .h_btn.active, .open>.dropdown-toggle.h_btn {
    color: #fff;
    background-color: #910072;
    border-color: #910072; /*set the color you want here*/
}
.h_btn1 {
    border-color: #910072;
    background: #111;
    color:#fff;
    border:none;
}
.index_logo {
    margin-bottom:2rem;
}
.index_intro_div {
    margin-top:10rem;
    width:40%;
    vertical-align: middle;
    font-size:0.9rem;
}

#navbarSupportedContent {
    padding-left:0!important;
}
.mynavbar,.mynavbar .dropdown-menu {
    border:0;
    border-radius:0;
    padding-left:0!important;
    margin-left:0!important;
    font-size:0.7rem!important;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
}
.dropdown-menu {
    font-size:0.8rem!important;
}
.mynavbar a.nav-link {
    padding-right: 0rem!important;
    padding-left:0rem!important;
    padding-left:1.4rem!important;
    border-right:0px solid #ccc;
    
}
.navbar-nav li.active {
    color:#FFFFFF!important;
}

hr.special {
    height: 1px;
    background-image: -webkit-linear-gradient(left, #000, #8c8b8b, #000);
    background-image: -moz-linear-gradient(left, #000, #8c8b8b, #000);
    background-image: -ms-linear-gradient(left, #000, #8c8b8b, #000);
    background-image: -o-linear-gradient(left, #000, #8c8b8b, #000);
}
.footer {
    text-align:center;
    font-size:0.8em;
    margin-top:2rem;
    padding-top:2rem;
}
@media (max-width: 768px) {
    .index_logo {
        margin-bottom:2rem;
        width:70%;
    }
    .index_intro_div {
        width:80%;
        margin-top:4rem;
    }
    .nav_logo {
        width:205px;
        
    }
    .navbar-toggler {
        border:0px;
    }
    .mynavbar a.nav-link {
        padding-right:0rem!important;
        padding-left:0rem!important;
        margin-left:0!important;
        border-right:0px solid #ccc;
    
    }
}