Difference between revisions of "Team:OUC-China/Collaborations"

Line 1: Line 1:
−
{{OUC-China}}
+
body{font-family: Calibri, serif;padding-top: 50px;}
−
<html>
+
p{line-height:36px;text-align: justify;font-size:20px;}
−
<head>
+
h1{border:0;font-weight:bold;font-size:28px;font-family:Arial}
−
  <meta charset="UTF-8">
+
h2{border:0;font-weight:bold;font-size:26px;font-family:Arial}
−
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+
h3{border:0;font-weight:bold;font-size:24px;font-family:Arial}
−
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
h4{border:0;font-weight:bold;font-size:22px;font-family:Arial}
−
  <link href="https://2016.igem.org/Team:OUC-China/css/bootstrap-min?action=raw&amp;ctype=text/css" rel="stylesheet">
+
h3 img{display:none;}
−
  <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/ouc_wiki?action=raw&amp;ctype=text/css">
+
−
  <link rel="stylesheet" href="https://2016.igem.org/Team:OUC-China/css/affix?action=raw&amp;ctype=text/css">
+
−
  <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
+
−
  <script type="text/javascript" src="https://2016.igem.org/Team:OUC-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
+
−
  <title>Collaborations</title>
+
−
<style type="text/css">
+
−
        .banner-top{
+
−
            margin-left: 12%;
+
−
        }
+
−
       
+
−
        @media (min-width: 992px){
+
−
            .work-content .col-md-4{
+
−
                  width:25%;
+
−
                  margin-right: 8%;
+
−
            }
+
−
           
+
−
        }
+
−
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
  
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
−
width: 100%;
 
−
height: 100%;
 
−
border: 0px;
 
−
background-color: transparent;
 
−
margin: 0px;
 
−
padding: 0px;
 
−
}
 
  
−
    .oucBanner{background:url('https://static.igem.org/mediawiki/2016/e/ee/T--OUC-China--banner.fw.png');}
+
/*TOP*/
−
.oucNav{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
+
#oucNav .active a{background-color:#63b5d7;}
−
ul[class=dropdown-menu]{background:url(https://static.igem.org/mediawiki/2016/d/d0/T--OUC-China--nav-1.fw.png);}
+
#oucNav li{font-size:18px;}
 +
#oucNav li a{font-weight:bold;color:white;padding:10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-left:8px;}
 +
#oucNav li a:hover{background-color:#63b5d7;}
 +
#oucNav li ul li a{font-size:16px;font-weight:normal;}
 +
.oucBanner{height:240px;margin-top:-20px;}
 +
.oucNav{margin-top:16px;border:0;}
 +
#oucNav .dropdown-menu{margin-left:8px;}
 +
#oucNav .dropdown-menu li a{margin:0}
 +
.oucBrand img{margin-top:-15px;margin-left:0px;}
 +
/*Footer*/
 +
.oucInformation{background:#EFF2F6;width:100%;margin:0;text-align:left;font-family:Arial;}
 +
.oucInformation h3{display:block;padding-top:20px}
 +
.oucInformation p{font-size:16px;}
 +
.oucInformation p:last-child{padding-bottom:50px}
 +
.oucBottom{width:100%;height:60px;background-color:#152640;}
 +
/*hpMain*/
 +
.hpMain{max-width:80%;margin:0 auto;border-left:0;}
 +
.hpMain img{padding-top:30px;padding-bottom:30px;margin-top:0px;margin-bottom:10px;margin:0 auto;}
  
 +
.oucBanner h3{color:white;padding-top:90px;font-size:32px;}
 +
.img_banner{margin-top:-9px;}
 +
.oucInformation .col-md-5 p img{margin-left:0;}
 +
.oucInformation .col-md-5 p{text-align:left; margin:0;}
 +
.Contact{margin-left:0px;margin-top:-50px;}
 +
#myScrollspy{display:none;}
 +
#example-navbar-collapse{padding-left:0px;margin-left:-30px;}
 +
.hpMain h3{margin-top:0;}
 +
.hpMain p {max-width:100%}
 +
.hpMain h4 {max-width:100%;padding-left:0;}
 +
@media (min-width:768px) {
 +
.oucBanner h3{color:white;padding-top:93px;font-size:40px;}
 +
.img_banner{margin-top:74px;}
 +
 +
 +
}
 +
@media (min-width: 992px) {
 +
.oucBanner h3{color:white;padding-top:93px;font-size:48px;}
 +
#myScrollspy{display:block;}
 +
h3 img{display:inline-block;}
 +
.hpMain{max-width:96%;margin:0 auto;margin-top:50px;margin-bottom:30px;border-left:1px solid #b4b4b4;}
 +
.hpMain p {max-width:90%;margin:0 auto;}
 +
.hpMain h4 {max-width:90%;padding-left:42px;}
 +
        .img_banner{margin-top:35px;}
 +
#example-navbar-collapse{padding-left:15px;margin-left:0px;}
 +
.oucBrand img{margin-left:50px;}
 +
.Contact{margin-left:30px;margin-top:0px;}
 +
.oucInformation h3{display:block;padding-top:50px;}
 +
.oucInformation .col-md-5 p img{margin-left:20px;}
  
−
</style>
+
}
−
 
+
@media (min-width: 1200px) {  
−
<script type="text/javascript">
+
.oucBanner h3{color:white;padding-top:93px;font-size:54px;}
−
 
+
.img_banner{margin-top:-13px;}
−
  $(function(){
+
−
  var AllHet = $(window).height();
+
−
  var mainHet= $("#myNav").height();
+
−
  var fixedTop = (AllHet - mainHet)/2
+
−
//  $('div.floatCtro').css({top:fixedTop+'px'});
+
−
  $('#myNav li').click(function(){
+
−
var ind = $('#myNav li').index(this)+1;
+
−
var topVal = $('#float0'+ind).offset().top;
+
−
$('body,html').animate({scrollTop:topVal},1000)
+
−
})
+
−
$('#BtnTop').click(function(){
+
−
$('body,html').animate({scrollTop:0},1000)
+
−
})
+
−
  $(window).scroll(scrolls)
+
−
  scrolls()
+
−
  function scrolls(){
+
−
  var f1,f2,f3,bck;
+
−
  var fixRight = $('#myNav li');
+
−
  var blackTop = $('#BtnTop')
+
−
  var sTop = $(window).scrollTop();
+
−
  fl = $("#float01").offset().top;
+
−
  f2 = $("#float02").offset().top;
+
−
  f3 = $("#float03").offset().top;
+
−
 
+
−
 
+
−
 
+
−
+
−
  if(sTop<=f2-100){
+
−
  blackTop.fadeOut(300).css('display','none')
+
−
  }
+
−
  else{
+
−
  blackTop.fadeIn(300).css('display','block')
+
−
  }
+
−
  if(sTop>=fl){
+
−
  fixRight.eq(0).addClass('active').siblings().removeClass('active');
+
−
  }
+
−
  if(sTop>=f2-100){
+
−
  fixRight.eq(1).addClass('active').siblings().removeClass('active');
+
−
  }
+
−
  if(sTop>=f3-100){
+
−
  fixRight.eq(2).addClass('active').siblings().removeClass('active');
+
−
  }
+
−
 
+
  
 
 
−
    }
+
}
−
  })
+
−
</script>
+
−
 
+
−
 
+
−
</head>
+
−
<body data-spy="scroll" data-target="#myScrollspy">
+
−
<div class="container">
+
−
<nav class="oucNav navbar navbar-default navbar-fixed-top" role="navigation">
+
−
<div class="container">
+
−
<div class="navbar-header">
+
−
  <button type="button" class="navbar-toggle" data-toggle="collapse"
+
−
  data-target="#example-navbar-collapse">
+
−
  <span class="sr-only">Turn</span>
+
−
  <span class="icon-bar"></span>
+
−
  <span class="icon-bar"></span>
+
−
  <span class="icon-bar"></span>
+
−
  </button>
+
−
  <a class="navbar-brand oucBrand" href="#"><img src="https://static.igem.org/mediawiki/2016/f/fc/T--OUC-China--nav-logo-1.fw.png" alt="Brand"></a>
+
−
</div>
+
−
<div class="collapse navbar-collapse" id="example-navbar-collapse">
+
−
  <ul class="nav navbar-nav" id="oucNav">
+
−
<li><a href="https://2016.igem.org/Team:OUC-China">Home</a></li>
+
−
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<span class="caret"></span></a>
+
−
<ul class="dropdown-menu">
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Project">Introduction</a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Design">Design</a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Proof">Proof of concept </a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Results">Results</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
+
−
<ul class="dropdown-menu">
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Parts">Parts</a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Basic_Part">Basic part</a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Composite_Part">Composite parts</a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Part_Collection">Part collection</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practice<span class="caret"></span></a>
+
−
<ul class="dropdown-menu">
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Human_Practices">Overview</a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Communicating_&_improving">Communicating & improving</a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Investigating_&_promoting">Investigating & promoting</a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Potential_application">Potential application</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<span class="caret"></span></a>
+
−
<ul class="dropdown-menu">
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Team">Team</a></li>
+
−
<li class="active"><a href="https://2016.igem.org/Team:OUC-China/Collaborations">Collaborations</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Modeling<span class="caret"></span></a>
+
−
<ul class="dropdown-menu">
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Model">Model</a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Software">Software</a></li>
+
−
</ul>
+
−
</li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Attributions">Attributions</a></li>
+
−
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Safety<span class="caret"></span></a>
+
−
<ul class="dropdown-menu">
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Notebook">Notebook</a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Protocol">Protocol</a></li>
+
−
<li><a href="https://2016.igem.org/Team:OUC-China/Safety">Safety</a></li>
+
−
</ul>
+
−
</li>
+
−
  </ul>
+
−
</div>
+
−
</div>
+
−
</nav>
+
−
 
+
−
<div class="clearfix"></div>
+
−
                <div class="img_banner"><img src="https://static.igem.org/mediawiki/2016/b/bd/T--OUC-China--collaborations-banner.jpg.jpg" class="img-responsive" alt="collaborations-banner"></div>
+
−
<div class="row">
+
−
<div class="col-md-3" id="myScrollspy">
+
−
<ul class="" data-spy="affix" data-offset-top="225" data-offset-bottom="150" id="myNav">
+
−
<li class="active"><a href="#float01">Content</a></li>
+
−
<li><a href="#float02">How we help others</a></li>
+
−
<li><a href="#float03">How others help us</a></li>
+
−
<a id="BtnTop">
+
−
<img src="https://static.igem.org/mediawiki/2016/d/d2/T--OUC-China--btt.png" alt="Back to top">
+
−
</a>
+
−
</ul>
+
−
</div>
+
−
<div class="col-md-9 hpMain">
+
−
<br id="float01">
+
−
<br />
+
−
<h3 class="text-center"><img src="https://static.igem.org/mediawiki/2016/c/cf/T--OUC-China--head-icon1.fw.png" alt="icon">CONTENT<img src="https://static.igem.org/mediawiki/2016/f/f8/T--OUC-China--head-icon2.fw.png" alt="icon"></h3>
+
−
<br />
+
−
<p style="font-size:24px;">Upholding the principle of cooperation and sharing, we have collaborated with several iGEM teams this year. Mutual help from each other are listed in the following.</p>
+
−
<h4>1.How we help others</h4>
+
−
<p>Sincere assistance to the software of HFUT-China 2016<br>Experimental help to the high school team CIEI-BJ<br>Collaboration on human practice surveys with Munich United 2016<br>Participation in newsletter of XMU-China 2016</p>
+
−
<h4>2．How others help us</h4>
+
−
<p>Help from HFUT-China 2016<br>Scientific measurement from JNFLS 2016<br>Useful suggestions from Peking 2016</p>
+
−
<p style="font-size:24px;">Mutual help makes us begin to scratch the surface of the collaboration’s potential and we look forward to a fruitful dialogue with more teams into the future!</p>
+
−
<br id="float02">
+
−
<br>
+
−
<hr>
+
−
<h4>1. HOW WE HELP OTHERS</h4>
+
−
<br>
+
−
<h4>Sincere assistance to the software of HFUT-China 2016</h4>
+
−
<br>
+
−
<p>This year, <a href="https://2016.igem.org/Team:HFUT-China">HFUT-China</a> designed a software named BioDesigner Coral, the purpose of which is to recommend biobricks to those exhausted by the countless literature. It is convenient to acquire the relationship between genes or parts and related diseases through visualization. Their project excited the attention of us and we had a close collaboration with them in various ways.</p>
+
−
<p>Once after their preliminary design, we were the initial users to test how the software worked, using our sequences and some detailed data on probation. Based on the results, we firstly concluded a meticulous report to feedback not only for parameter choice but also the literature analysis. Then we also suggested expanding the databases to a wealth of non-standard parts and collecting experimental data of more parts for more optimal protocols. Receiving our feedback, they debugged the system again, which has perfected their software to a broad use.</p>
+
−
<p>What’ more, for better user interface design, we offered sincere opinions about the software we have employed in daily researches, such as Primer Premier 5, SnapGene, MEGA6, etc. Our feedback advanced their optimization about user design and therefore the software became more user-friendly.</p>
+
−
<img src="https://static.igem.org/mediawiki/2016/0/09/T--OUC-China--co-1.jpg" class="img-responsive" alt="The software of HFUT-China 2016">
+
−
                <p class="text-center" style="font-size:16px;">Figure 1. The software of HFUT-China 2016</p>
+
−
<br>
+
−
<h4>Experiment help to a high-school team CIEI-BJ</h4>
+
−
<br>
+
−
<p>This summer CIEI-BJ aimed to produce one of the key enzymes copalyl diphosphate synthase 1 (SmCPS1) which initiates biosynthesis of tanshinone, a famous Chinese medicinal herb, by building a plasmid transformed in <i>Escherichia</i> coli. However, for a brand new high school team, they are lack of parts and devices to practice, which is essential for their plasmid constructions. On the contrary, we have took part in iGEM competition with our own independent laboratory for at least six years, perfectly storing a wealth of parts and devices and inheriting proficient technology from our last iGEM team members. With great sincerity, we took an initiative to send them some parts (J04450 with backbone pSBA2 and the splicing vector J23106 and I13504 with pSB1C3) for their daily practice and pre-experiments.</p>
+
−
<img src="https://static.igem.org/mediawiki/2016/2/22/T--OUC-China--co-2.jpg" class="img-responsive" alt="Team members of CEDJ-BI">
+
−
                <p class="text-center" style="font-size:16px;">Figure 2. Team members of CEDJ-BI</p>
+
−
<br>
+
−
<h4>Collaboration on human practice surveys with Munich United 2016</h4>
+
−
<br>
+
−
<p>Munich United 2016 released a survey about biotech and entrepreneurship. In order to cooperate with them for helping and promoting the success of iGEM participants, the scientific community and humanity as a whole., we finished their survey conscientiously. In return, we got the badge due to our contribution.</p>
+
−
<br>
+
−
<h4>Participation in newsletter of XMU-China 2016</h4>
+
−
<br>
+
−
<p>This year, XMU-China 2016 issued newsletter of iGEM which would help iGEMers from all over the world to share information about their projects and the latest news about synthetic biology in general. We were honored to collaborate with XMU-China 2016 to publish the survey of our project.</p>
+
−
<img src="https://static.igem.org/mediawiki/2016/d/dd/T--OUC-China--co-3.jpg" class="img-responsive" alt="Newsletter made by XMU-China 2016">
+
−
                <p class="text-center" style="font-size:16px;">Figure 3. Newsletter made by XMU-China 2016</p>
+
−
<br id="float03">
+
−
<br>
+
−
<hr>
+
−
<h4>2. HOW OTHERS HELP US</h4>
+
−
<br>
+
−
<h4>Help from HFUT-China 2016</h4>
+
−
<br>
+
−
<p>After optimization of the software with our suggestions, HFUT-China 2016 helped us characterize an essential component RNase E, with high cutting efficiency, which has great influence on the decoupling of the upstream gene and downstream gene in our platform. In addition, they also sent us an important reagent LUDOX.</p>
+
−
<h4>Scientific measurement from JNFLS 2016</h4>
+
−
<p>In our project, the reference circuit is important for our data analysis and more accurate data are required for quantitative measurement of our regulatory element. JNFLS helped us to measure the fluorescence intensity of GFP and mCherry in the reference circuit using flow cytometry and plate reader. What’ more, in accordance with our protocol, they suggested us to measure the fluorescence when the OD was up to 0.45, which solved our confusion of sampling time.</p>
+
−
<img src="https://static.igem.org/mediawiki/2016/8/89/T--OUC-China--co-4.jpg" class="img-responsive" alt="The fluorescence of GFP measured by flow cytometry">
+
−
                <p class="text-center" style="font-size:16px;">Figure 4. The fluorescence of GFP measured by flow cytometry</p>
+
−
<p>All the data is from the reference circuit. OUC-0 is without induction, OUC-1,OUC-2,OUC-3 is three biological repetition.GFP means the positive control.CKN is the negative control.</p>
+
−
<img src="https://static.igem.org/mediawiki/2016/b/b7/T--OUC-China--co-5.jpg" class="img-responsive" alt="The fluorescence of GFP measured by plate reader">
+
−
                <p class="text-center" style="font-size:16px;">Figure 5. The fluorescence of GFP measured by plate reader</p>
+
−
<img src="https://static.igem.org/mediawiki/2016/5/54/T--OUC-China--co-6.jpg" class="img-responsive" alt="Team members of JNFLS 2016">
+
−
                <p class="text-center" style="font-size:16px;">Figure 6. Team members of JNFLS 2016</p>
+
−
<br>
+
−
<h4>Useful suggestions from Peking 2016</h4>
+
−
<br>
+
−
<p>We went to Beijing in May this year to communicate with Peking iGEMers. Not only did we acquire a wealth of useful suggestions about our project design but also their instructors helped us to process the data more scientifically.</p>
+
−
<img src="https://static.igem.org/mediawiki/2016/9/9c/T--OUC-China--co-7.jpg" class="img-responsive" alt="Picture with Peking iGEMers">
+
−
                <p class="text-center" style="font-size:16px;">Figure 7. Picture with Peking iGEMers</p>
+
−
<br />
+
−
</div>
+
−
</div>
+
−
<div class="oucBanner">
+
−
        <h3 class="text-center">Cistrons Concerto</h3>
+
−
</div>
+
−
<div class="row oucInformation">
+
−
<div class="col-md-1"></div>
+
−
<div class="col-md-5">
+
−
<h3>Thanks</h3>
+
−
<br>
+
−
<p><b>1.</b>Qingdao Institute of Bioenergy and Bioprocess Technology, Chinese Academy of Sciences</p>
+
−
<p><b>2.</b>NEW ENGLAND Biolabs</p>
+
−
</div>
+
−
<div class="col-md-5 Contact">
+
−
<h3>Contact us:</h3>
+
−
<br>
+
−
<p><b>E-mail</b>: oucigem@163.com</p>
+
−
<p><b>Designed and built</b> by @ Jasmine Chen and @ Zexin Jiao</p>
+
−
<p>We are OUC-iGEM
+
−
<img src="https://static.igem.org/mediawiki/2016/5/58/T--OUC-China--foot4.png" width="70" height="70" alt="logo-one">
+
−
<img src="https://static.igem.org/mediawiki/2016/9/9b/T--OUC-China--foot5.png" width="70" height="70" alt="logo-two">
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<div class="oucBottom">
+
−
</div>
+
−
</div>
+
−
 
+
−
</body>
+
−
</html>
+

Revision as of 02:40, 18 October 2016

body{font-family: Calibri, serif;padding-top: 50px;} p{line-height:36px;text-align: justify;font-size:20px;} h1{border:0;font-weight:bold;font-size:28px;font-family:Arial} h2{border:0;font-weight:bold;font-size:26px;font-family:Arial} h3{border:0;font-weight:bold;font-size:24px;font-family:Arial} h4{border:0;font-weight:bold;font-size:22px;font-family:Arial} h3 img{display:none;}


/*TOP*/ #oucNav .active a{background-color:#63b5d7;} #oucNav li{font-size:18px;} #oucNav li a{font-weight:bold;color:white;padding:10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-left:8px;} #oucNav li a:hover{background-color:#63b5d7;} #oucNav li ul li a{font-size:16px;font-weight:normal;} .oucBanner{height:240px;margin-top:-20px;} .oucNav{margin-top:16px;border:0;} #oucNav .dropdown-menu{margin-left:8px;} #oucNav .dropdown-menu li a{margin:0} .oucBrand img{margin-top:-15px;margin-left:0px;} /*Footer*/ .oucInformation{background:#EFF2F6;width:100%;margin:0;text-align:left;font-family:Arial;} .oucInformation h3{display:block;padding-top:20px} .oucInformation p{font-size:16px;} .oucInformation p:last-child{padding-bottom:50px} .oucBottom{width:100%;height:60px;background-color:#152640;} /*hpMain*/ .hpMain{max-width:80%;margin:0 auto;border-left:0;} .hpMain img{padding-top:30px;padding-bottom:30px;margin-top:0px;margin-bottom:10px;margin:0 auto;}

.oucBanner h3{color:white;padding-top:90px;font-size:32px;} .img_banner{margin-top:-9px;} .oucInformation .col-md-5 p img{margin-left:0;} .oucInformation .col-md-5 p{text-align:left; margin:0;} .Contact{margin-left:0px;margin-top:-50px;} #myScrollspy{display:none;} #example-navbar-collapse{padding-left:0px;margin-left:-30px;} .hpMain h3{margin-top:0;} .hpMain p {max-width:100%} .hpMain h4 {max-width:100%;padding-left:0;} @media (min-width:768px) { .oucBanner h3{color:white;padding-top:93px;font-size:40px;} .img_banner{margin-top:74px;}


} @media (min-width: 992px) { .oucBanner h3{color:white;padding-top:93px;font-size:48px;} #myScrollspy{display:block;} h3 img{display:inline-block;} .hpMain{max-width:96%;margin:0 auto;margin-top:50px;margin-bottom:30px;border-left:1px solid #b4b4b4;} .hpMain p {max-width:90%;margin:0 auto;} .hpMain h4 {max-width:90%;padding-left:42px;} 

       .img_banner{margin-top:35px;}

#example-navbar-collapse{padding-left:15px;margin-left:0px;} .oucBrand img{margin-left:50px;} .Contact{margin-left:30px;margin-top:0px;} .oucInformation h3{display:block;padding-top:50px;} .oucInformation .col-md-5 p img{margin-left:20px;}

} @media (min-width: 1200px) { .oucBanner h3{color:white;padding-top:93px;font-size:54px;} .img_banner{margin-top:-13px;}


}