html {
    width: 100%;
    height: 100%;
}
body {
    background: -webkit-linear-gradient(left, #3931af, #00c6ff);
    background-size: cover;
  }
  div#wrapperHeader {
  width:100%;
  text-align:center;
  }
  
  div#wrapperHeader div#header {
  height:59%;
  }
  .mycol{
    color:white;
    font-size: 1.5rem;
}

.navbar-nav {
    margin-left: auto;
}

  div#wrapperHeader div#header img {
  width:100%; /* the width of the logo image */
  height:100%; /* the height of the logo image */
  margin:0 auto;
  }
  .column{
  width: 100%;
    height: 100vh;
    padding: 0 2% 0 2%; 
  }
  .rowa{
     
    
    margin-right: -15px;
    margin-left: -15px;
    
      
  }
  
  .column1{
    float:left;
    width: 100%;
    height:6vh;
    
  }
 .well1 {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        /* border: 1px solid #e3e3e3; */
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    }
/* ===========================
--- Intro
============================ */

.intro {
	width:100%;
	position:relative;
}

.intro-content {
	background: url(image/bg1.jpg) no-repeat top center;
	padding:200px 0 60px;
}
.intro-content.intro-nobg {
	background:#fff;
	position:relative;
	margin:0;
	padding:140px 0 60px;
}


.slogan {
	margin-bottom: 20px;
}

.white-box {
	background: rgba(255,255,255,.8);
	padding: 20px;
	border-radius: 4px;
}

.intro-content h2 {
	margin-bottom: 10px;
}
  
  
@keyframes autoscroll {
    from { 
      transform: translate3d(0,0,0);
    }
    to {
      transform: translate3d(0,-90%,0);
    }
  }
 
  @media only screen and (max-width: 1000px) {
      .navbar-nav {
        margin-left: inherit;
      }
      .navbar-nav {
        display: -webkit-inline-box;
      }
      .nav-item {
          margin-left: 5px;
      }
      .home-item {
        margin-bottom: 5px;
      }
      .rowa{
          
          margin-top: 0%;
      }
      
    div#wrapperHeader div#header {
      height: 40%;
    }
    }

    @media only screen and (max-width: 850px) {
      
      .rowa{
          
          margin-top: 0%;
      }
      .column {
          height:100vh;
         }
    
    }
    @media only screen and (max-width: 700px) {
      
      .rowa{
          
          margin-top: 5%;
      }
      
    
    }
  
  
@media only screen and (max-width: 600px) {
  .navbar-nav {
    margin-left: inherit;
  }
  .navbar-nav {
    display: -webkit-inline-box;
  }
  .nav-item {
      margin-left: 5px;
  }
  .home-item {
    margin-bottom: 5px;
  }
  .rowa{
      
      margin-top: 0%;
      
  }
  
div#wrapperHeader div#header {
  height: 40%;
}
}

@media only screen and (max-width: 400px) {
  .navbar-nav {
    margin-left: inherit;
  }
  .navbar-nav {
    display: -webkit-inline-box;
  }
  .nav-item {
      margin-left: 5px;
  }
  .home-item {
    margin-bottom: 5px;
  }
  .rowa{
      
      margin-top: 0%;
  }
  
div#wrapperHeader div#header {
  height: 40%;
}
}

@media only screen and (max-width: 500px) {
  .navbar-nav {
    margin-left: inherit;
  }
  .navbar-nav {
    display: -webkit-inline-box;
  }
  .nav-item {
      margin-left: 5px;
  }
  .home-item {
    margin-bottom: 5px;
  }
  .rowa{
      
      margin-top: 0%;
  }
  
div#wrapperHeader div#header {
  height: 40%;
}
}
@media only screen and (max-width: 380px) {
  .navbar-nav {
    margin-left: inherit;
  }
  .navbar-nav {
    display: -webkit-inline-box;
  }
  .nav-item {
      margin-left: 5px;
  }
  .home-item {
    margin-bottom: 5px;
  }
  .rowa{
      
      margin-top: 0%;
  }
  
div#wrapperHeader div#header {
  height: 31%;
}
}
@media only screen and (max-width: 520px) {
  .navbar-nav {
    margin-left: inherit;
  }
  .navbar-nav {
    display: -webkit-inline-box;
  }
  .nav-item {
      margin-left: 5px;
  }
  .home-item {
    margin-bottom: 5px;
  }
  .rowa{
      
      margin-top: 0%;
  }
  
div#wrapperHeader div#header {
  height: 40%;
}
}