 @import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700');
@import url('https://fonts.googleapis.com/css?family=Pacifico&display=swap');


a,  a:focus{outline:none; text-decoration:none;}
a:hover
{
    color:#f00!important;
}
body{
    font-family: 'Open Sans', sans-serif;
}
h1{
   font-family: 'Pacifico', cursive;
}

h2{float:left; width:100%; color:#fff; margin-bottom:30px; font-size: 30px;}
h2 span{font-family: 'Libre Baskerville', serif; display:block; font-size:45px; text-transform:none; margin-bottom:20px; margin-top:30px; font-weight:700}
h2 a{color:#fff; font-weight:bold;}



    
    float:left;
    width:100%;
    background: #43cea2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #185a9d, #43cea2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #185a9d, #43cea2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
padding:30px 0;
}


 .left {
        display: inline-block;
        display background: transparent;
        /* border: 2px solid red; */
        position: absolute;
        left: 20px;
        top: 20px;
        margin-top: 40px;
    }


    .header {
    padding: 56px 0 100px;
    color: #000000;

}



 .navbar-brand {
    color: #277ed6;

}



.card {
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    background-color: #fff;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom:1px;
    border:none;
}


.lead {
    font-size: 2.25rem;
    font-weight: 1000;
}


h1 {
    font-size: 4.2rem;
    color:#01fcaf;
    
}



.card-header:first-child {
    border-radius: 0;
}
.card-header {
    background-color: #f7f7f9;
    margin-bottom: 0;
    padding: 20px 3.25rem;
    border:2px solid ;
    
}
.card-header a i{
    float:left;
    font-size:25px;
    padding:5px 0;
    margin:0 25px 0 0px;
    color:#195C9D;
}
.card-header i{
    float:right;        
    font-size:30px;
    width:1%;
    margin-top:8px;
    margin-right:10px;
}
.card-header a{
    width:97%;
    float:left;
    color:#565656;
}
.card-header p{
    margin:0;
}

.card-header h3{
    margin:0 0 0px;
    font-size:20px;
    font-family: 'Slabo 27px', serif;
    font-weight:bold;
    color:#3fc199;
}
.card-block {
    -moz-box-flex: 1;
    flex: 1 1 auto;
    padding: 20px;
    color:#232323;
    box-shadow:inset 0px 10px 10px rgba(0,0,0,0.1);
    border-top:10px soild #000;
    border-radius:0;
}