* {
    box-sizing: border-box;
}
html {
	position: relative;
	width:100%;
	height: 100%;
	min-height: 100%;
	font-family: "Lucida Sans", sans-serif;
	background-color: #F5FAFA;
	color: white;
}
header{
	position: relative;
	width: 100%;
	background:  url("../img/bg.jpg") no-repeat;
}
.title{
	position:relative;
	margin: 10px 0px 20px -65px;
	padding: 5px;
	height: 120px;
	width: 375px;
	z-index: 10;
	background: url("../img/bg-cloud.png") no-repeat;
}
.title a:link, .title a:active, .title a:visited {
	text-decoration: none;
	color: #666666;
}
.container {
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -50px;
}
.portButton {
	z-index: 999;
	padding: 10px;
	border: 2px solid white;
	background: none;
	color: white;
	font-size: 24px;
	margin-top: 20px;
}
header img {
	float: left;
	margin-left: 100px;
}
header p {
	margin-top: -20px;
}
body {
	position: relative;
	margin: 0;
	margin-top: -10px;
	width: 100%;
	height: 100%;
}
[class*="col-"] {
    float: left;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
.menu{
	display: none;
}
.menu2{
	display: block;
}

img {
    max-width: 100%;
    height: auto;
}
.wrapper {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
	color: #666666;
	padding: 50px;
}

footer {
	clear: both;
	position: relative;
	height: 50px;
	width: 100%;
	background: #6D929B;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
	font-size: 12px;
}

@media only screen and (min-width: 600px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	
	header{
		position: absolute;
		z-index: 1000;
	}
	body {
		margin-top: 0px;
	}
	.title{
		z-index: 3000;
		margin-bottom: 50px;
	}
	.portButton {
		position: absolute;
		top: 55%;
		left: 50%;
	}
	.menu {
		display: block;
		position: absolute;
		top: 0;
		z-index: 2000;
		width: 100%;
		background: #608099;
	}
	.menuM  a:link, a:visited, a:active{
		position: relative;
		text-decoration: none;
		color: white;
	}
	.menu ul {
		list-style-type: none;
		margin: 0;
		text-align: center;
		float: right;
		padding: 10px;
	}
	.menu li {
		padding: 5px;
		display: inline-block;
	}
	.menuM:first-child, .menuM:hover, .menuM {
		width: auto;
		border: none;
		background: none;
	}
	.menuM  a:hover{
		border-bottom: 2px solid #E8D0A9;
	}
	.wrapper {
		margin-top: 180px;
	}
	.photo {
		float: right;
		padding:0 40px 20px 40px;
		margin: 0 auto;
	}
	.about {
		width: 60%;
		margin: 50px auto;

	}
	.menu2{
		display: none;
	}
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  min-width: 100%;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #608099;
  border-color: #608099;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #608099;
  border-color: #608099;
}
.btn-primary:hover {
  color: #fff;
  background-color: #608099;
  border-color: #608099;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #608099;
  border-color: #608099;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100%;
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-align: center;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #E8D0A9;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #E8D0A9;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}