@charset "utf-8";
/* CSS Document */
body{
	background:url(../img/bg/Char.jpg) fixed;
	background-repeat:none;  
	background-size: cover;
	text-align:justify;
	font-family: 'Bangla', Arial, sans-serif !important;
	font-size: 16px;
}


.background-2
{
	background:url(../img/bg/bg-2.jpg) fixed;
	background:rgba(219, 224, 228, 0.8);
	background-size:cover;  
}
h1
{
	color:#062b01;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-size: 54px; 
}
h2
{
	font-size:32px;
	padding:4% 0% 2% 0%; 
	color: #105002;
}
h3
{
	padding-top:2%; 
}
h4
{
	font-family:'Schoolbell', cursive;
}

h5
{
	line-height:25px;  
}

.general-background
{
	background: url(../img/bg/bg-s-black.png) repeat;
	margin:0 auto;  
}

.navbar
{	
	margin-bottom: 0;
	border-radius: 0;
	background:rgba(177, 181, 185, .8);
	padding:0;
	font-size: 12px;
	border:0; 
}


.bangla
{
	background: none;
	font-size: 16px;
	font-weight: 800;
	padding-left: 10px;
	padding-right: 10px;
	border: 2px solid #F90;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.english
{
	background: none;
	font-size: 12.5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 1px;
	border: 2px solid #F90;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.Top-donate
{
	background-color: #056102;
	float: right;
	margin: 12px;
	padding: 10 0 10 0;
	font-size: 12px;
	font-weight: 800;
	font-family: 'Open Sans', sans-serif;
	color: #FFFFFF; 
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

/* End dropdown note
 dropdown menu color in bootstrap.min find- 

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:##078d03}
hover color- 
navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#f90;background-color:transparent}

------*/

.navbar-brand
{
	margin-top: -6px;
}

.navbar-inverse .navbar-nav li a 
{
	color:rgb(26, 110, 5);
	background:none;
	line-height:24px;
	font-size:14px;
	font-weight: 700;
	 
}
.navbar-inverse .navbar-nav li a:hover 
{
	color:#F90;
	text-shadow:none;
}



.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus
{
	color: #F90;
	background:rgba(172, 202, 233, .6);
}

.dropdown-menu
{
	background-color: rgba(198, 218, 238, .8);
	color: #0c5f02;
}

/* end sub menu*/

.welcome-text
{
	width:100%;
	padding:15% 0% 25% 0%;
	color:#d5d5d5;
	font-size:18px;
	font-family:'Just Another Hand', cursive; 
	background: transparent;
	z-index:100; 
}

.btn-link
{
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: bolder;
	color: #056102;
	background: none;
	
}

.btn-link:hover

{
	text-decoration: underline; 
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: bolder;
	color: #056102;
	background: none;
 
}

.donate-button
{
	width: 180px;
	height: 50px;
	margin: 5px;
	padding: auto; 
	background-color: #056102;
	font-size: 20px;
	color: #FFFFFF; 
} 

.container
{
	padding: 0% 2% 3% 2%;  
}
.ecbottam3
{
	margin-left: 3%;
	margin-right: 3%; 
}
.img-about
{
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	margin-top:1%;  
}

.img-about-news
{
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	margin-top:0%;  
}

#icon
{
	max-width:100%;
	height: 400px;
	margin:1% 0 10% 0;
	background-color:#CCCDCF;
	box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.19);
	-webkit-border-radius:3px; 
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#icon:hover
{
	box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.3);
	transition: all 350ms ease;
  -webkit-transform: scale(1.005);
  -ms-transform: scale(1.005);
  transform: scale(1.005);  
}
#icon-employee
{
	max-width:100%;
	margin:0 0 5% 0;
	background-color:none;
}
.icon-img
{
	width:100%;
	margin-bottom:10px;
	padding:none;
}

.icon-img-context
{
	width:100%;
	margin-bottom:10px;
	padding-top:15px;
}
.icon-text
{
	width: 100%;
	height:170px; 
	color:#000;
	padding:10px;
	margin:0 auto; 
}

.icon-text p
{
	line-height:14px;
	font-size:12px;
	color: #504f4f;   
}
#icts, #trainings, #developments
{
	padding-top:50px;  
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: rgba(255,255,255,0.5);
}
.more-custom 
{
	text-decoration:none; 
	color:#FFF;  
}
.more-custom:hover, .more-custom:focus
{
	text-decoration:none;
	color:#999;
	text-shadow: none;  
}
.custom-about-news
{
	background: url(../img/bg/bg-s-black-about-news.png) repeat;
	color: #dad6d6; 
	width:100%; 
	padding: 0% 8% 5% 8%;
	   
}

.news-box
{
	background: #323639;
	border: 5px solid rgba(226, 226, 226, 0.616);
	padding: 0px 25px 25px 25px;
	margin-bottom: 20px;
	border-radius: 3px;
}

.adds
{
	background: none;
	margin-bottom: 20px;
	margin-top: 25px;
	border-radius: 3px;
}

.news-img-description
{
	margin-top: 10px;
}

.custom-about
{
	background: #dbe0e4;
	color: #4b4444; 
	width:100%; 
	padding: 0 8% 5% 8%;
	border-top:1px solid #CCC;   
}

.programmes
{
	background: #DBE0E4;
	color: #4b4444; 
	width:100%; 
	padding: 0 8% 5% 8%;
	border-top:1px solid #CCC;   
}

.vision
{
	background: #dbe0e4;
	color: #4b4444; 
	width:100%; 
	padding: 0 8% 5% 8%;  
}

.comments h2
{
	padding:5% 1% 1% 1%;
	color:rgb(88, 1, 1);
	font-family: 'Caveat', cursive;
	font-size:32px; 
	text-shadow: none;
}

.wings-comments h2
{
	margin-top: -6%;
	color:rgb(88, 1, 1);
	font-family: 'Caveat', cursive;
	font-size:28px; 
	text-shadow: none;
}

.wings-comments-engcrazy h2
{
	margin-top: -4%;
	color:rgb(88, 1, 1);
	font-family: 'Caveat', cursive;
	font-size:28px; 
	text-shadow: none;
}
.custom-context
{
	background: rgba(231, 234, 236, 0.8);
	color: #1d1b1b;
	width:100%; 
	padding: 0 5% 3% 5%;
	border-top:1px solid #d5d5d5;
}
.custom-context p 
{
	color:#3b3434;
}
.custom-context h4
{
	color:#FFF; 
}
.custom-gallery
{
	width:100%; 
	padding: 0 5% 5% 4%;
}

.custom-gallery h2
{
	padding-bottom: 0%;
}

.custom-gallery h3
{
	padding-bottom: 5%;
	color:rgb(88, 1, 1);
	font-size:24px; 
	font-family: 'Schoolbell', cursive;
}
#portfolio
{
	background: url(../img/bg/bg-s-black.png) repeat;
	color: #4b4444;
} 
#portfolio p
{ 
	padding-bottom:2%; 
	color: #F90;
	font-size:16px;
	text-transform:uppercase;
	font-family: 'Schoolbell', cursive;   
}



/* Horizontal Slider */
.page-wrapper a, .page-wrapper a:hover 
{
	color: #fff;
	font-size:14px;
	line-height:30px;  
	text-decoration:none;  
}
.post-slider
{
	position:relative;
}
.post-slider .slider-title
{
	text-align:center;
	margin:30px auto; 
}
.post-slider .next
{
	position:absolute;
	top: 50%;
	right:30px;
	font-size:42px;
	color:#F90;
	cursor:pointer; 
}
.post-slider .prev
{
	position:absolute;
	top: 50%;
	left:30px; 
	font-size:42px;
	color:#F90;
	cursor:pointer;
}
.post-slider .post-wrapper
{
	width:84%;
	height:72%;
	margin:0px auto;
	overflow:hidden;
	padding:10px 0; 
}
.post-slider .post-wrapper .post 
{
	width:100%;
	height:67%;
	margin:0px 10px; 
	display:inline-block; 
	background: #333;
	border-radius:3px;
	box-shadow: 0px 0px 8px 4px rgba(255, 255, 255, 0.05);  
}
.post-slider .post-wrapper .post .post-info
{
	height:27%;
	padding:0 5px;  
}
.post-slider .post-wrapper .post .slider-image
{
	width:100%;
	height:53%;
	border-top-left-radius:3px; 
	border-top-right-radius:3px; 
}

/* End Horizontal Slider */
/* Team*/

/* End Team*/

.custom-gallery h5
{
	color:#352e2e;
	font-size: 16px; 
}

#photography p
{ 
	padding-bottom:0%; 
	color: #F90;
	font-size:16px;
	text-transform:uppercase;
	font-family: 'Schoolbell', cursive;   
}


/* Gallery */

#gallery 
{
	background:transparent;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	overflow:hidden !important;
	border-top:1px solid #CCC;  
}

#gallery .gallery-item 
{
  position: relative;
  overflow: hidden !important;
  margin-bottom: 15px;
  transition: all 350ms ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#gallery .gallery-item img 
{
  position: relative;
  top: 0;
  transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}


#gallery .gallery-item .details 
{
  height: 50px;
  background: #F90;
  position: absolute;
  width:100%; 
  height: 50px;
  bottom: -50px;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#gallery .gallery-item .details h4 
{
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 8px 0 2px 0px;
  margin: 0;
}

#gallery .gallery-item .details span  
{
  display: block;
  color: #CCC;
  font-size: 13px;
  font-weight:bolder;
  padding-left: 8px;
}


#gallery .gallery-item:hover .details 
{
  bottom: 0;
}

#gallery .gallery-item:hover img 
{
  top: -30px;
}
/*Videography*/
#videography
{
	background: url(../img/bg/bg-s-black.png) repeat;
	padding-top:2%;
	padding-bottom:10%;  
}

.tube
{
	width: 70%;
	margin:5% auto;
	border-radius:5px;   
}
.tube:hover
{
	cursor:pointer; 
	opacity:.8;    
}
.pops {
	padding: 5px;
	left: 50%;
	top: 50%;	
	position: fixed;
	z-index: 500;
	background: #FFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.pops.size-m {
	width: 600px;
	height: 400px;
}

.pops-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.8;
	top: 0;
	left: 0;
	z-index: 100;
}

.pops-close {
	color: #CCC;
	font-size: 30px;
	line-height: .5;
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: bold;
	cursor: pointer;
}


/* End Gallery */

footer
{
	width: 100%;
	background: url(../img/bg/bg-s-black.png) repeat;
	color:#1b1b1b;
	padding:0 6% 7.5% 6%;
	border-top:1px solid #333;
}
.custom-footer-in
{
	border-left:1px solid #333;
	padding:3%;
	padding-top:5%; 
	height:350px; 	
}
.custom-footer-in-less-border
{
	border-left:none;
	padding:3%;
	padding-top:5%; 
	height:350px; 	
}
.social-media
{
	width:100%;
	padding-top:20%; 
}
.fa
{
	padding:10px;
	color:#004b17;
}
.fa:hover
{
	color:#000;
	text-decoration:none;
}
.social-media .fa
{
	width:40px;
	height:40px;
	margin:5px auto; 
	padding:5px 0; 
	font-size:16px;
	line-height:30px;  
	border: 1px solid #004b17; 
	-webkit-border-radius:2px; 
	-o-border-radius:2px; 
	-ms-border-radius:2px; 
	-ms-border-radius:2px; 
	border-radius:2px; 
}
.social-media .fa:hover
{
	border: 1px solid #F90;
	color:#F90;
}
.font-size a
{
	text-decoration:none;
}
.panel-footer
{
	border-radius:0;
	background:rgba(219, 224, 228, 0.7);
	color: #050505;
	padding:.5%;   
}

abbr[title] {
  border-bottom: none !important;
  cursor: default !important;
  text-decoration:none !important; 
}

/* Aditional Page CSS */

.general-background-aditional-page
{
	background:url(../img/bg/ictsBig.jpg) no-repeat center center fixed;
	opacity:100; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin:0 auto;  
}
.adi-page-heading
{
	background: rgba(0, 0, 0, .1);
	border-bottom: 2px solid rgba(255,255,255,0.1);
	font-size: 22px;
	padding-top: 20px;
	font-family: 'Quicksand', sans-serif;
	border-radius: 5px;
	color:#CCC;

}
.adi-page-heading p
{
	font-size: 16px;
	color: #FFF !important;
	padding-top: 10px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
}

.aditionalPageText
{
	width: 100%;
	height: 100%;
	padding: 10px auto;
	margin-top: 20px;
}
.aditionalPageImg
{
	width: 100%;
	padding: 10px auto;
	padding-top: 20px;
}
.aditionalPageText h4
{
	color:#F90;
}
.elimentsOfAditional
{
	margin-top: 20px;	
	border-radius: 5px;
}


/* employees*/ 
.employee-img
{
	width:100%;
	margin-bottom:10px;
	padding:none;
	border: 2px solid #004b17;
	box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.19);
	border-radius: 50%;
}
.employee-text
{
	width: 100%;
	height:auto; 
	color:#FFF;
	padding:5px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
}

.employee-text p
{
	line-height:16px;  
}

.student-text
{
	width: 100%;
	height:auto; 
	color:#004b17;
	padding: 0px 5px 25px 5px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
}

/* Rate Chart Page */
.outline
{
	width: 480px;
	height: auto; 
	float: left;
	margin: 30px;
	padding: 20px;
}
.outline h3
{
	color: #FFFFFF;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 28px;
}

/* wings */

.wings-heading
{
	background: none;
	margin: 0 auto; 
	padding-bottom: 30px; 
}

.image-double
{
	background: none;
	width: 100%;
	padding-top: 40%; 
}

.wings-link
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dbe0e4+2,a1adbb+50,dbe0e4+99 */
background: #dbe0e4; /* Old browsers */
background: -moz-linear-gradient(left,  #dbe0e4 2%, #5a0000 50%, #dbe0e4 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #dbe0e4 2%,#5a0000 50%,#dbe0e4 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #dbe0e4 2%,#5a0000 50%,#dbe0e4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe0e4', endColorstr='#dbe0e4',GradientType=1 ); /* IE6-9 */

	height: 30px;
	width: 100%;
	padding-top: 2px;
	color: #FFFFFF; 
	font-size: 15px; 
	font-weight: bolder; 
	text-align: center; 
	margin-top: 20px;
	border: 1px solid #DBE0E4;
}



/* class for Scrolling id*/
.forScrolling-ID-down
{
	background: none;
	padding-top: 5%;  
}

.forScrolling-ID-down-img
{
	background: none;
	padding-top: 5%;  
}

/* payment*/

.full-screen {
	width: 100vw;
	height: 100vh;
	background-color: #f8f9fa; /* Light Grey */
	display: flex;
	justify-content: center;
	align-items: center;
}
.box-container {
	display: flex;
	justify-content: center;
	align-items: center;
}


.payment
{
	width:100%;
	margin-bottom:0 auto;
	padding:none;
}


/* end of payment */


/* End Aditional Page CSS */

@media (max-width: 1080px) {
.tube
{
	width: 50%;
}
.post-slider .post-wrapper .post .post-info a
{
	line-height:14px;  
}

.forScrolling-ID-down
{
	background: none;
	padding-top: 12%;  
}

.forScrolling-ID-down-img
{
	background: none;
	padding-top: 0px;
	margin-left: 3%;  
}

.image-double
{
	background: none;
	width: 100%;
	padding-top: 85%; 
}

.news-img-description
{
	margin-top: -20px;
}

.Top-donate
{
	background-color: #056102;
	float: left;
	margin: 12px;
	padding: 10 0 10 0;
	font-size: 10px;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff; 
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}


}

@media (max-width: 990px){
.news-box
{
	margin-top: 200px;
}

.adds
{
	margin-top: 20px;
}



.image-double
{
	background: none;
	width: 100%;
	padding-top: 10%; 
}

.Top-donate
{
	background-color: #056102;
	float: left;
	margin: 12px;
	padding: 10 0 10 0;
	font-size: 10px;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	color: #FFFFFF; 
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

	.small-box 
	{
	width: 60px;
	height: 60px;
	font-size: 14px;
	margin: 5px;
	}

}

@media (max-width: 900px) {
.fa
{
	font-size:20px;
}


.custom-footer-in
{
	padding:1%;
}
.font-size
{
	font-size:12px;  
}
.social-media
{
	padding-top:5%; 
}

.employee-img
{
	width:60%;
	margin-bottom:10px;
	padding:none;
	border: 2px solid rgb(153, 151, 151);
	box-shadow: 0 0px 8px 2px rgba(0, 0, 0, 0.19);
	border-radius: 50%;
}
.employee-text
{
	width: 100%;
	height:auto; 
	color:#FFF;
	padding:5px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center; 
}

.employee-text p
{
	line-height:16px; 
	text-align: center;
}

.image-double
{
	background: none;
	width: 100%;
	padding-top: 10%; 
}


}


@media (max-width: 767px) {

h1 
{
	font-size:28px;
}

h2
{
	font-size:22px;
	padding:15% 5% 1% 5%; 
}

.navbar-brand 
{
	margin:-60px -10px 0px -25px;   
}

.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > open > a:focu.s
{
	color: #F90;
	background:url(../img/bg/bg-menu-black.png) repeat;
}


.welcome-text
{
	font-size:14px;
}

.donate-button
{
	width: 100px;
	height: 25px;
	margin: 02px;
	padding-top: 2px; 
	background-color: #056102;
	font-size: 14px;
	color: #FFFFFF; 
} 

.Top-donate
{
	background-color: #056102;
	float: left;
	margin-top: -40px;
	margin-left: 20px;
	padding: 6 0 6 0;
	font-size: 10px;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	color: #FFFFFF; 
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#icon
{
	max-width:50%;
	margin:0 auto; 
}

.custom-about
{
	width:100%; 
	padding: 0 2% 10% 2%;  
}

.programmes
{
	width:100%; 
	padding: 0 2% 10% 2%;  
}

.vision
{
	width:100%; 
	padding: 0 2% 10% 2%;  
}

.custom-about-news
{
	width:100%; 
	padding: 0 2% 10% 2%;  
}

.custom-about p
{
	padding-left:1%; 
}

.vision p
{
	padding-left:1%; 
}

.custom-about-news p
{
	padding-left:1%; 
}

.comments h2
{
	padding:1%; 
	font-size:24px; 
}

.wings-comments h2
{
	margin-top: -15%;
	color:rgb(88, 1, 1);
	font-family: 'Caveat', cursive;
	font-size:24px; 
	text-shadow: none;
}

.wings-comments-engcrazy h2
{
	margin-top: -14%;
	color:rgb(88, 1, 1);
	font-family: 'Caveat', cursive;
	font-size:24px; 
	text-shadow: none;
}

.custom-context img
{
	width:60%;
	margin:0 auto; 
}
.custom-context h4 
{ 
	padding: 0;
}
.custom-context p
{
	padding:0;
}
.post-slider .next
{
	right:5px;
	font-size:32px;
}
.post-slider .prev
{
	left:5px; 
	font-size:32px;
}
.post-slider .post-wrapper .post .post-info a
{
	font-size: 12px;
	line-height:14px;  
}
/* Team Media*/
.team-img{
	width: 100%;
}
.team-text{
	width: 100%; 
}
/* End Team Media*/
.custom-gallery h3 
{
	font-size: 18px; 
}
.custom-gallery
{
	padding: 0 3% 5% 0;
}
.custom-gallery p
{
	font-size:14px;
}
#videography
{
	padding-top:3%; 
}
.custom-gallery h5, p, .videography
{
	padding-left:5%;
}


.pops.size-m {
	width: 500px;
	height: 333px;
}
.custom-footer-in, .custom-footer-in-less-border
{
	border-left:none;
	padding-top:10%; 
	border-bottom:1px solid #666;
	height:300px; 
}
.custom-footer-in h4
{
	padding-top:8%;  
}

.onlyMedia
{
	margin-top: -100px;
}


.pops.size-m {
	width: 450px;
	height: 300px;
}
.tube
{
	width: 70%;
	margin:5% auto;
	border-radius:5px;   
}

.ecbottam3
{
	padding: 0% 2% 3% 2%; 
}


}

@media (max-width: 640px) {
#icon
{
	max-width:80%;
	height: 450px;
	margin:0 auto; 
}
.custom-context img
{
	width:80%;  
	margin:0 auto; 
}

.onlyMedia
{
	margin-top: -60px;
}

.pops.size-m {
	width: 400px;
	height: 267px;
}

.outline
{
	width: 100%;
	height: auto; 
	margin: 10px;
	padding: 10px;
}
.outline h3
{
	padding-top: 40px;
}

.image-double
{
	background: none;
	width: 100%;
	padding-top: 10%; 
}


}


@media (max-width: 440px) {


h1 
{
	font-size:20px; 
}
.tube
{
	width: 70%;
	margin:5% auto;
	border-radius:5px;   
}
.pops.size-m {
	width: 260px;
	height: 173px;
}
#icon
{
	max-width:80%;
	margin:0 auto; 
}
}