.cs-header { background:#fb3bb5; height: 100px; border:none; top:0;}
 
img.logo { width: 26vw;  min-width:200px; max-width: 320px;}

.social-icons { text-align:right;}

img.social {  width: 40px;  top:0; display:inline-block; text-align: right; opacity:.5; cursor:pointer;}

img.social:hover { -webkit-mask-image:-webkit-linear-gradient(top, rgba(100, 100, 100, .8), rgba(0, 0, 0, .8)); }

img.sidebar  { max-width:305px;}

img.cambot-gif { width:650px;}
       
h1, h3, .h3, .current { font-size: 28px; color:#00affe;}

a { color:#00affe;}

a, a:hover, a:visited { text-decoration: none; cursor:pointer;}
        
.blog-text { margin:1em 2em 1em auto; font-size:1.25em;}

footer { margin: 50px 0; }



@media only screen and (max-width : 767px) {

	.cs-header, .social-icons, footer { text-align:center;}

	.cs-header { height: auto;}

	.blog-text { margin:.5em auto; }

	img.sidebar  { max-width:100%;}

	.youtube-vid { width:100%;}


}

@media only screen and (min-width: 768px) {
.sharebar {	position:absolute; top: 100%; z-index:10000; left: 0; display:block;}
.sharebar-mobile { display:none; }
}

@media only screen and (min-width: 992px) {
.sharebar {	position:absolute; top: 100%; z-index:10000; left: auto; display:block;}
.sharebar-mobile { display:none; }
}

@media only screen and (max-width: 768px) {
.sharebar { display: none; }
.sharebar-mobile { display:block; }
	
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:5px 15px 0px 15px;
  color:#fff;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:absolute;
  top:0px;
  right:0;
  padding: 0px 15px 0px 15px;
  color:#fff;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menu{top: 0px; z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#131313;  position:absolute; text-align:center;}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}
.menu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#fff;}
.menu ul li a:hover {  color: #fff; text-decoration:none;}
.menu a{text-decoration:none; color:white;}
.menu a:hover{text-decoration:none; color:white;}

.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}