html{
	background: url( ../images/myscroll.jpg ) 50% no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
body{ background: rgba( 255,255,255,.9); }

body,h5,h6{
font-family: 'Montserrat', sans-serif;
}
h1,h2,h3,h4,.logo{
  font-family: "Rubik Mono One", monospace;
}

.logo.text-center h2::after {
    display: none;
}
.logo img {	
	height: 75px;
}

.logo {padding: 10px 0;}
nav.navbar {
    background: #588da0;
    margin: 0;
}

.navbar-nav {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.logo.text-center h2 {
    line-height: 1.25;
    padding-bottom: 20px;
    margin: 0;
}
.btn-default.active, .btn-default:active, .btn-default:hover, .open>.btn-default.dropdown-toggle, ul.nav.navbar-nav > li.active > .btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #07222d;
}

.mypt {
    height: 600px;
    background: url(images/mymain.jpg) 50% 25% no-repeat;
    background-size: cover;
}

.myform.text-center {
    background: #588da0;
    color: #fff;
    padding: 20px 0;
}

.myform.text-center h1 {
    color: #fff;
    font-size: 161%;
    margin: 0 0 10px;
}


.margin-top-40{ margin-top: 40px; }
.margin-top-30{ margin-top: 30px; }
.margin-top-20{ margin-top: 20px; }
.margin-top-10{ margin-top: 10px; }
.margin-bottom-40{ margin-bottom: 40px; }
.margin-bottom-30{ margin-bottom: 30px; }
.margin-bottom-20{ margin-bottom: 20px; }
.margin-bottom-10{ margin-bottom: 10px; }

.footer-container {
    padding: 20px 0;
    margin: 0;
}
.footmenu {
    background: #07222d;
    margin: 0;
    padding: 20px 0;
}

footer {
	color: #000000;
}

ul.footlink {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-around;
}

.footlink a {color: #588da0;}
.footlink a:hover {color: #ffffff;}

h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
    display: none;
}
.section-container.mybackground {
    background: #588da0;
}

.boxmid {
    background: lightcyan;
    padding: 20px;
    margin: 20px 0;
}
.boxfirst h2 {
    margin: 0;
    line-height: 1.25;
}
.boxfirst {
    background: #c17d74;
    padding: 20px;
}

img {
    max-width: 100%;
}

.single_team .imgbox img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate( -50%, -50% );
    -ms-transform: translate( -50%, -50% );
    -webkit-transform: translate( -50%, -50% );
    width: auto;
    min-width: 100%;
    max-width: 1000%;
    height: auto;
    min-height: 100%;
    max-height: 1000%;
}
.single_team .imgbox {
    height: 260px;
    position: relative;
    overflow: hidden;
}

.single_team p {
    margin: 0;
}
.single_team_text {
    padding: 20px;
}
.single_team h4 {
    color: #fff;
    margin: 0 0 10px;
}
.single_team {
    background: #588da0;
    color: #fff;
    transition: .4s linear all;
}
.single_team:hover{
	background: #c17d74;
}


@media (max-width: 767px) {
html {

    background-repeat: repeat;
    background-size: auto;
    background-attachment: initial;
}
ul.footlink A {
	font-size: 9px;
}
.col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col-xs-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.col-xs-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.col-xs-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.col-xs-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-xs-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.col-xs-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-xs-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.col-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.col-xs-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
}