body{
    font-family: 'Roboto Slab', sans-serif !important;
    background-color: #e5e5e5 !important;
}
.paddedRow h3{
    margin-top:0px !important;
}
.paddedRow{
    padding-top:10px;
}
.colorStripeRow{
    height:20px;
    overflow:hidden;
}
.colorStripeRow div{
    height:100%;
    width:20%;
    float:left;
}

.container{
    background-color: #e5e5e5;
}
#blueStripe{
    background-color:#3498db;
}
#greenStripe{
    background-color:#008002;
}
#yellowStripe{
    background-color:#F3FF17;
}
#orangeStripe{
    background-color:#f39c12;
}
#redStripe{
    background-color:#c0392b;
}
.grayText{
    color:#919191;
}
.noList{
    list-style:none;
}
.companyTitle{
    text-align:center;
    font-weight:bold;
    color:#2980b9;
    font-size:18px;
    padding:10px 0 20px;
    display:none;
}
.portfolioItem{
    max-width:100%;
    height:100%;
}
.flags-wrapper{
    position: relative;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 20px;
    padding-bottom: 0px;
    background-color: #fff;
    text-align: center;
}
.flagIcon{
    padding:0 10px;
}
.flagIcon img{
    width:34px;
    transition:100ms all;
}
.flagIcon img:hover{
    width:40px;
    transition:100ms all;
}

.social-icon{
    padding-top:7px;
    color:#bbb;
    transition:250ms all;
}
.social-icon:hover{
    color:#2980b9;
    border-color:#2980b9;
    transition:250ms all;
}
.logo-container{
    text-align:left !important;
}
.logo-container h1{
    text-transform: uppercase;
    margin:30px 0 0 0;
    /*font-family: 'Sansita', sans-serif;*/
    font-family: 'Roboto Slab';
    font-size:40px;
    font-weight:bold;
}
.logo-container a:hover{
    text-decoration:none;
    color:#34495e;
}
.logo-container h2{
    margin-top:10px;
    text-transform: uppercase;
    font-weight:bold;
    font-size:26px !important;
    color:black !important;
    font-family: 'Roboto Slab';
}
.logo-container h3{
    font-size:18px;
    margin:10px 0;
    font-family: 'Roboto Slab';
    color:#919191;
}
.page-content h2{
    text-transform: uppercase;
    font-size:24px;
    color: #337ab7;
    font-weight:bold;
    font-family: 'Roboto Slab';
}
.page-content{
    padding-top:10px !important;
}
#teachingLink{
    padding-left:5px !important;
}
#mainContainer{
    padding-top:30px;
}
.topStrip{
    width:100%;
    height:30px;
    background-color:#244f8f;
    overflow:hidden;
}
.ger_yellow{
    width:22%;
    background-color:#fcbd37;
}
.ger_red{
    width:7%;
    background-color:#d4182e;
}
.ger_black{
    width:16%;
    background-color:#2c2c2c;
}
#strip{
    height:100%;
}
.gb_blue_1{
    width:8%;
    background-color:#244f8f;
}
.gb_white_1{
    width:2%;
    background-color:white;
}
.gb_red{
    width:32%;
    background-color:#d4182e;
}
.gb_white_2{
    width:6%;
    background-color:white;
}
.flagComponent{
    float:left;
    height:100%;
}
.acq_btn{
    color:white;
    background-color: #284169;
    background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(36, 79, 143,1) 51%);
    font-size:24px;
    width:100%;
    margin: 20px auto 0;
    padding:20px 0;
    text-transform: uppercase;
    text-align:center;
    font-weight:bold;
    border-radius:2px;
}
.acq_btn:hover{
    background-color:#122E57;
    background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(25, 62, 117,1) 51%);
}
#ytb{
    width:100% !important;
    height:auto;
    min-height:300px;
}
.no_underline{
    text-decoration:none !important;
}
.no_underline:hover{
    text-decoration:none !important;
}
@media only screen and (max-width:992px) {
    #ytb{
        min-height:350px;
    }
}
@media only screen and (max-width:650px) {
    #ytb{
        min-height:280px;
    }
}
@media only screen and (max-width:500px) {
    #ytb{
        min-height:220px;
    }
}