/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (min-width: 100px) and (max-width: 767px)  {
body {
    font-size: 14px;
    line-height: 20px;
}
h1 {
	font-size: 28px;
	line-height: 28px;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 25px;
	line-height: 25px;
	margin: 0 0 10px 0;
}
body.index h2 {
    font-size: 26px;
    padding-bottom: 10px;
    margin: 0 0 25px 0;
}
h3 {
	font-size: 20px;
	line-height: 20px;
}
h4 {
	font-size: 20px;
	line-height: 20px;
}
h5 {
	font-size: 16px;
	line-height: 18px;
}
.titleBox h2 {
    font-size: 20px;
    line-height: 15px;
    padding: 0 10px 0 0;
}
#container {
	width:320px;
	padding-top:70px;
}

.owl-theme .owl-nav {
	display:none;
}

.wrapper .container {
    width: 320px;
}
    
.group img { max-width: 100%; height: auto }
    
header {
    height: 70px;
}

header.smaller {
    height: 70px;
}

#top, #top #topRow {
	width:320px;
	height:70px;
	position:relative;
}

header.smaller, header.smaller #top {
    height: 70px;
}
#mainLink, header.smaller #mainLink {
    background-size: contain;
    height: 45px;
    left: auto;
    right:0;
    top: 15px;
    width: 140px;
}
    
header.smaller #mainMenu {
    top:10px;
}

header.smaller #mainLink img {
    height:auto;
	width:100px;
}

header.smaller #rightBox {
    top:18px;
}

#mainMenu {
	height:45px;
	top:10px;
    padding:0;
}

.slider-wrap {
    margin-top: 70px;
    position: relative;
}
.owl-dots { display:none  }

.captionWrapper {display:none }
.caption {display:none  }

.newsPic img {
	width:100%;
}

#content {
    display: table;
    width: 100%;
}
.newsIntroTop .newsLink a {
    font-size: 16px;
    line-height: 21px;
    margin: 15px 0 2px;
}
#news .col, .newsIntro {
    margin-bottom: 25px;
}

.newsIntro .newsLink {
    font-size: 17px;
    line-height: 20px;
}
.newsIntro .description {
    font-size: 14px;
    line-height: 21px;
    padding-top: 17px;
}   
.mainIntro.col { 
	margin: 0 0 25px 0 !important;
	width:312px;
}

#footerWrapper {
	background:#c5022e;
	padding:10px 0 20px;
	margin-top:40px;
}

#footerWrapper .col { display:none }

#footerWrapper .container, .wrapper .container {
    width: 320px;
}

#contentWrapper {
    margin-top: 70px;
    padding: 15px 0 12px;
}

#contentWrapper h1 {
    font-size: 25px;
    line-height: 30px;
}

.wrapper.padding {
    padding: 40px 0;
}
.mediaPic {
    width: 100%;
    height: 150px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
}
.owl-carousel .decorLeft, .owl-carousel .decorRight {
    display:none
}
.wrapper.footer {
    padding: 35px 0 10px;
}
.contentForm .row input.text {
    margin: 0;
}
.mainIntro .contentBox {
    width: 100%;
}
.mainIntro .contentBox .mainWrapper {
    padding: 25px 15px 0;
}
.mainIntro .contentBox .mainWrapper h2 {
    font-size: 20px;
    margin-bottom: 5px;
}
.mainIntro .picBox {
    width: 100%;
}
#partners .span_2_of_12 {
    width:50%;
    text-align: center
}
#partners .span_2_of_12 img {
    max-width:90%;
}


.fluid-wrapper {
    padding-bottom: 52%;
}
.wrapper.copyright {
    padding: 22px 0;
}
.wrapper.copyright {
    font-size: 11px;
    text-align: center;
    line-height: 21px;
}
.contentForm .row.buttonPane input.button {
    padding: 6px 10px;
    margin:10px 0 20px;
    font-size: 15px;
}
.footer .col:first-child {
        margin-bottom:30px;
}
.footer h3 {
    margin-bottom: 10px;
    font-size: 21px;
}
    
}