@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');

/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar*/
}

/*---------------------------------------
start-up
-----------------------------------------*/
*{
	margin:0;
	padding:0;
  box-sizing: border-box;
	font-family:   'Bebas Neue', cursive;


}
html {
	scroll-behavior: smooth;
}

span {
	color: #00a7d1;

}

.hamburger, .close{
	font-size: 2rem;
	color: red;
}

.close{
	margin-right: 200px;
}

nav {
	display: grid;
	position: sticky;
	top: 0;
	grid-template-columns: 1fr 4fr;
	background-color: black;
	font-size: 1.3em;
	color: white;
	height:90px;
	z-index: 1;
}

.logo{
	padding-left: 30px;
	margin-top: 1em;
	z-index: 2;

}

/*-----------Logo animation------------*/

#Layer_2,.cls-1{
	width:110px;
	height: 110px;
	animation: change 1s, cubic-bezier(.17,.67,.54,.99), move 1s ease-out;
	animation-duration: 3s;
	animation-iteration-count: 4;
	animation-direction: forward;
}

@keyframes move {
	0% {transform: scaleX(.1);}
	100% {transform: scale(1);}

}

@keyframes change {
	0%,15% {fill:blue;}
	16%,30% {fill:pink;}
	35%,60% {fill:gold;}
	65%,100% {fill:#00ccff;}

}




.navbar ul {
	display: inline-flex;
	justify-content: space-around;
	position: relative;
  margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1;
}


.navbar  ul li a{
	display: block;
	font-family:  'Bebas Neue', cursive;
	font-size: 1.65em;
	padding: .75em 40px;
  color: white;
	text-decoration: none;
	transition: all .04s;
	text-shadow: 2px 2px 4px #9A6bff;
	z-index: 1;
}


.navbar  ul li ul{
	display: none;
	font-size: .75em;
	position:relative;
	background-color:black ;
	padding:2px;
	border-radius: 0px 0px 4px 4px;
	margin-left: 0px;
	z-index: 1;
}


/* Navigation Hover effect*/
.navbar  ul li:hover ul{
	display: block;
	transition: all .04s;

}

.navbar  ul li ul li {
	width:125px;
	border-radius: 4px;
}

/* Navigation  Hover effect*/
.navbar  ul li ul li a:hover{
/*	background-color: silver;*/
}

/* Navigation Hover effect*/

.navbar ul li :focus,
.navbar ul li :hover  {
/*	text-decoration: underline;*/
  color:#00a7d1;
}

.landing_page{
	display: block;
	background-image: url("images/Technology.jpg");
	/*background-color: blue;*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -100;

}
.landing_page{
	background-color: black;
	opacity: .985;
	z-index: -80;
}

.landing_page  h1 {
	text-align: center;
	color: white;
	font-size: 4.5em;
	padding: .25em;

}


/* Tagline styles----------------*/
.tagline{
	display: block;
	position: sticky;
	top: 75px;
	color: #fff;
/*	font-style: italic;*/
	font-size: 1.65em;
	padding:.75em;
	margin:0;
	background-color: black;
	text-align: center;
	text-shadow: 2px 2px 4px #9A6bff;


}
/*.tagline h2{
	margin:0;*/



}
/*---------------------------------------
the what cards
-----------------------------------------*/

h3 > span {
	color: #00a7d1;

}
.cards{
	margin: auto;
	background-color: #FFF;
}
/* CREATE FOUR EQUAL COLUMNS*/
.card1, .card2, .card3 ,.card4 {
	background-color:white;
	padding:0 .5em;
	margin:1em;
	align-items: center;
	justify-content: center;
}

.card1 a, .card2 a, .card3 a, .card4 a{
display: flex;
flex-wrap: wrap;
flex-direction: column;
width:100%;


text-align: center;
text-decoration: none;
padding:.5em;
transition: .5s;
}


.card1 a:hover ,.card2 a:hover ,.card3 a:hover ,.card4 a:hover{
	border-radius: 1.5em;
	box-shadow: 3px 3px 4px 2.5px hsl(0, 0%, 70%), 3px 3px 8px 10px hsl(0, 0%, 90%);
	border-style: solid;
	border-color: #d4af37;
	border-radius: 1em;
}


.card-content {
	font-size: 1.65em;
	color:black;
	margin:0;
	padding:.175em;
}
.card-content h3 {
	margin-top: 0;
	margin-bottom: .125em;
}


.cube_photo1 img,.cube_photo2 img,.cube_photo3 img,.cube_photo4 img{
	 width:300px;
	 height: 300px;
	 border-radius: 1em;
	 border-style: solid;
 	 border-color: #d4af37;
	 margin-bottom: .5em;

}


/*---------------City Scape-----Section*/
.what{

	position:relative;
	background-image: url("images/city_mirror.jpg");
	height: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -100;
}




/* Tagline styles----------------*/


.tagline2 , .tagline3{
	display: block;
	color: #fff;
	/*font-style: italic;*/
	font-size: 1.65em;
	padding:.75em;
	margin:0;
	background-color: black;
	text-align: center;
	text-shadow: 2px 2px 4px #9A6bff;



}
.tagline h2{
	margin:0;


}

/*---------------------------Options---

--------Buttons*/




.options button{
	color: white;
	text-align: center;
  min-width:200px;
	height: 80px;
	padding: .125em;
  /*margin-left: 50%;*/
	margin-top:45px;
	border-radius: .325em;
	border:solid #d4af37 3px;
	background-color: black;
	box-shadow: 2px 2px 3px 2.5px hsl(0, 0%, 3%);
	font-size: 3em;


}

/*white----card*/
.options1 button{
	color: black;
	text-align: center;
  min-width:320px;
	height: 200px;
	padding: .125em;
/*  margin-left: 20%;*/
	margin-top:5px;
	border-radius: .75em;
	border:solid #d4af37 3px;
	background-image: url("images/Artboard 1.png");
	box-shadow: 2px 2px 3px 2.5px hsl(0, 10%, 2%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: white;
	font-size: 1.5em;


}


/* PVC---card*/

.options2 button{
	color: white;
	text-align: center;

  min-width:320px;
	height: auto;
	padding: .25em;
/*margin-left: 45%;*/
	margin-top:-70px;
	border-radius: .325em;
	border:solid #d4af37 3px;
	background-color: black;
	box-shadow: 2px 2px 3px 2.5px hsl(0, 10%, 2%);
	font-size: 3em;

}
  .options2 * p{
	font-size: .75em;
	text-align: left;
	margin:0 0 0 .75em;
	padding:0;


}

/*Black  Card*/
.options3 button{
	color: white;
	text-align: center;
  min-width:320px;
	height: 200px;
	padding: .125em;
/*  margin-left: 20%;*/
	margin-top:5px;
	border-radius: .75em;
	border:solid #d4af37 3px;
	background-image: url("images/SBRIGGS_PP_QR_CODE.png");
	box-shadow: 2px 2px 3px 2.5px hsl(0, 10%, 2%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-color: black;*/
	box-shadow: 2px 2px 3px 2.5px hsl(0, 10%, 2%);
	font-size: 1.5em;


}



.options4 button{
	color: white;
	text-align: center;
  min-width:320px;
	height: auto;
	padding: .25em;
/*  margin-left: 60%;*/
	margin-top:-75px;
	border-radius: .325em;
	border:solid #d4af37 3px;
	background-color: black;
	box-shadow: 2px 2px 3px 2.5px hsl(0, 10%, 2%);
	font-size: 3em;

}


  .options4 * p{
	font-size: .75em;
	text-align: left;
	margin:0 0 0 .75em;
	padding:0;


}


.options5 button{
	color: white;
	text-align: center;
  min-width:320px;
	height: auto;
	padding: .25em;
/*  margin-left: 45%;*/
	margin-top:.5em;
	margin-bottom: 1em;
	border-radius: .325em;
	border:solid #d4af37 3px;
	background-color: black;
	box-shadow: 2px 2px 3px 2.5px hsl(0, 10%, 2%);
	font-size: 3em;

}


  .options5 * p{
	font-size: .75em;
	text-align: left;
	margin:0 0 0 .75em;
	padding:0;
}



.options6 button{
	color: black;
	text-align: center;
  min-width:320px;
	height: 200px;
	padding: .125em;
/*margin-left: 20%;*/
	margin-top:5px;
	border-radius: .75em;
	border:solid #d4af37 3px;
	background-image: url("images/black_card_transparent_backgroiund.png");
	box-shadow: 2px 2px 3px 2.5px hsl(0, 10%, 2%);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: black;
	font-size: 1.5em;




}








/*-----------------------------------------------
------Features----------------------------*/


.features{
	height:600px;
	width: 100%
	background-color: white;
}

.need {
	font-family:'Bebas Neue', cursive;
	height: 200px;
	color: white;
	background-color:#f858ef;
	border:solid #d4af37 3px;
	border-radius: .125em;
	font-size: 1.5em;
	line-height: 1.2;
	text-align: center;
	margin:auto;
	padding:1em 0 1em 0;
}



/*------------------------------------------------
Footer------------------------------*/
footer{
	padding: 40px 0;
	background-color: #fff;
}
footer .social{
	text-align: center;
	padding-bottom: 25px;
	color:black;

}

footer .social a{
	font-size: 24px;
	color: inherit;
	border: 1px solid #ccc;
	width: 40px;
	height: 40px;
	line-height: 38px;
	display: inline-block;
	l

}


/* ------   form style ------- */

/* background image*/

form{
	display: flex;
	background-color:#fff;
	padding: .15em 1em 1em 1em;
	opacity: .825;
	border-radius: 2em;
	align-items: center;
	height: auto;
	position:relative;
	z-index: 2;
}
.form_bkgrnd{
	  display: flex;
		justify-content: center;
		align-items: center;
    background-image: url("images/Technology.jpg"),url("technology_image.png");
    background-size: cover;
    height:100vh;
    z-index: -1;
}
.form_bkgrnd{
	positon:relative;
  background-color: black;
  opacity:.975;
  z-index: 1;
}

.form_bkgrnd img{
	position: fixed;
	width:115px;
	height:115px;"
	border: 2px solid white;
	margin:1em;
	top:0;
	left:0;
}

fieldset{
    background-color:#ff77ca;

	}
fieldset {

	  position: relative;
    padding: .25em 1.5em;
    border: solid 2px #ccc;
    border-radius: 1.25em;
    min-width: 400px;
    height: auto;
    justify-content: center;
		align-items: center;
    background-image: url("images/technology_image.png");
    background-size: 300px;
    background-repeat: no-repeat;
    background-position: 97% 2%;
		z-index: 10;
		opacity:.975;


}

legend {
    font-size: 2.5em;
    padding: 0 .5em;
    color: black;
    margin-left: -5px;
}

label{
    display: block;
    padding-top: .125em;
    margin-top: .125em;
	  font-weight:bold;
		font-size: 1.5em;
   /* border-top: solid 1px #ccc;*/
}

.checks label {
    margin-top: .25em;
}
label:first-of-type{
    border: none;
    margin-top: 0;
}
input {
    padding: .125em;
    border: solid 2px #999;
	  border-radius:5px;

}
 input[type="text"],input[type="tel"]{
    width: 15em;
		font-size: 1.375em;


}

input[type="email"]{
	width:18em;
	font-size: 1.5em;


}

textarea {
    min-height: 8em;
    min-width: 100%;
    padding: .125em;
    border: solid 2px #999;
	  margin-bottom: .125em;
		font-size: 20px;
		resize: none;
}
.checks {
    margin-bottom: .125em;

}
.checks legend {
    margin-bottom: 0.125em;

}
 input[type="radio"]  {
    display: inline-block;
    opacity:0;
    padding-left: 0;
    margin-top: 0;
    margin-left: 1.5em;
    margin-right: 0;
}

/* if you want buttons change html*/

 /*input[type="radio"] +label{
  border:2px solid #ccc;
  width: 6.5em;
  text-align: center;
  color: #0094c7;
  font-size: 1.em;
  display: inline-block;
  background-color: #e9f7ef;
  padding:4px 2px;
  border-radius: 4px;


}

input[type="radio"]:checked +label {
  color: white;
  border-color: #0094c7;
  background-color: grey;
  font-weight: bold;

}*/

input[type="radio"]:first-of-type{
    margin-left: 0;
}

.checks , legend{
   margin-top: .25em;
}

label.opt::after{
    content: " (optional)";
    color: black;
    font-size: .975em;

}
/* Submit Button */
#btn{
	  position: relative;
    padding: .25em .25em;
		margin: .25em;
    border-color: #ccc;
    border-radius: 2.75em;
    /*background-color: #04bae9;*/
		background-image: radial-gradient(#04bae9, #ff77ca ,blue);
    color: black;
    font-family: 'Bebas Neue', cursive;
    font-size: 1.5em;
    font-weight:900;
    box-shadow: rgba(0, 148, 199, 0.5) .5px 2px 5px;
}




/*focus style*/
input:focus, textarea:focus {
    outline: solid 1px #04bae9;
    box-shadow: 0 3px 5px #04bae9;
    background-color: #cbf1fb;

}

.checks span:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    color: gold;
    font-size: 1.2em;
    vertical-align: middle;
    margin-top: -4px;
}

/* hide the default radio buttons */
input[type="radio"] {
    position: absolute;
    opacity: 0;
    width:0;
    margin:0;
}





/* create the on (selected) state */
input[type="radio"]:checked~span:before {
    content: "\f192";
    color: #04bae9;
    /* unicode for fa dot circle */
}

/* at small screen spread out the stacked radio buttons: */

/* CUSTOM TOGGLE SWITCH */

/* hide the default checkbox */
 input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    margin-left: -1px;
}

label.toggleSwitch {
    cursor: pointer;
    margin: .25em 0 .1em;
    display: flex;
    align-items: center;
}

/* style the "fake" checkbox, (the pill shaped container behind the dot) */
.checkbox-value {
    background-color: #ddd;
    border: 0.1em solid #3ca3ca;
    border-radius: 0.75em;
    box-shadow: inset 0 0.0625em 0 0.0625em #3ca3ca52;
    display: inline-block;
    height: 1.25em;
    margin: 0 0.5em 0 0;
    position: relative;
    transition: all 120ms;
    vertical-align: -0.5em;
    width: 2.4em;
}

/* create the circle (dot) for the slider */
.checkbox-value::before {
    background-color: #fff;
    border: 0.1em solid;
    border-color: inherit;
    border-radius: 50%;
    box-shadow: 0 0.0625em 0 0.0625em rgba(0, 0, 0, 0.075);
    content: '';
    display: block;
    width: 1.1em;
    height: 1.1em;
    left: 25%;
    margin-left: -.7em;
    margin-top: -0.125em;
    position: absolute;
    top: 0;
    transition: all 120ms ease-in;
}

/*style the pill shaped item when the field is checked*/
input:checked+.checkbox-value {
    background-color: #89cbd1;
    border-color: #169a9a;
}

/* repositions the circle */
input:checked+.checkbox-value::before {
    left: 80%;
}


/*Footer------------------------------*/
footer {
    display: flex;
    padding: 5px 0;
    background-color: rgb(239, 65, 54, .375);
    border-top: 3px solid gold;
    border-bottom: 3px solid gold;
}

footer .social {
    text-align: center;
    padding: 8px 25px;
    color: black;

}

footer .social a {
    font-size: 30px;
    color: inherit;
    border: 3px solid black ;
    border-radius: 25px;
    width: 45px;
    height: 45px;
    line-height: 38px;
    display: inline-block;

}

footer .social a i{
    color:gold;
    justify-content: center;
}

.bottom{
    display:flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
 }

.footer .bottom .list{
    justify-content: center;
 }

 footer p{
    font-size: 18px;
    color: gold;

 }
 footer .social a .img{
    color: gold;
 }



/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 1000px) {
	.cards{
		display: flex;
		min-width: 1000px;
		flex-wrap: wrap;
		justify-content: space-around;

	}

	.card1, .card2, .card3 ,.card4{
		flex:0 1 calc(25% - 2em)
	}

	h3 > span {
		color: #00a7d1;

	}
	.hamburger{
		display: none;
	}
	.navtest{
		display:none;
	}


	.options button{
		color: white;
		text-align: center;
	  min-width:200px;
		height: 80px;
		padding: .125em;
	  margin-left: 50%;
		margin-top:45px;
		border-radius: .325em;
		border:solid #d4af37 3px;
		background-color: black;
		font-size: 3em;


	}

	/*white----card*/
	.options1 button{
		color: black;
		text-align: center;
	  min-width:320px;
		height: 200px;
		padding: .125em;
	  margin-left: 20%;
		margin-top:5px;
		border-radius: .75em;
		border:solid #d4af37 3px;
		background-color: white;
		font-size: 1.5em;


	}




	/* PVC---card*/

	.options2 button{
		color: white;
		text-align: center;

	  min-width:320px;
		height: auto;
		padding: .25em;
	  margin-left: 45%;
		margin-top:-70px;
		border-radius: .325em;
		border:solid #d4af37 3px;
		background-color: black;
		font-size: 3em;

	}
	  .options2 * p{
		font-size: .75em;
		text-align: left;

		margin:0 0 0 .75em;
		padding:0;


	}

	/*Black  Card*/
	.options3 button{
		color: white;
		text-align: center;
	  min-width:320px;
		height: 200px;
		padding: .125em;
	  margin-left: 20%;
		margin-top:5px;
		border-radius: .75em;
		border:solid #d4af37 3px;
		background-color: black;
		font-size: 1.5em;


	}



	.options4 button{
		color: white;
		text-align: center;

	  min-width:320px;
		height: auto;
		padding: .25em;
	  margin-left: 60%;
		margin-top:-75px;
		border-radius: .325em;
		border:solid #d4af37 3px;
		background-color: black;
		font-size: 3em;

	}


	  .options4 * p{
		font-size: .75em;
		text-align: left;
		margin:0 0 0 .75em;
		padding:0;


	}


	.options5 button{
		color: white;
		text-align: center;

	  min-width:320px;
		height: auto;
		padding: .25em;
	  margin-left: 45%;
		margin-top:.5em;
		margin-bottom: 1em;
		border-radius: .325em;
		border:solid #d4af37 3px;
		background-color: black;
		font-size: 3em;

	}


	  .options5 * p{
		font-size: .75em;
		text-align: left;
		margin:0 0 0 .75em;
		padding:0;
	}


	.options6 button{
		color: black;
		text-align: center;
	  min-width:450px;
		height: 400px;
		padding: .125em;
	  margin-left: 20%;
		margin-top:5px;
		margin-bottom: 1em;
		border-radius: .75em;
		border:solid #d4af37 3px;
		background-image: url("images/West_cognition_2_cards.png");
		box-shadow: 2px 2px 3px 2.5px hsl(0, 10%, 2%);
		background-position:center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: transparent;
		font-size: 1.5em;


	}

	.smallnav{
		display:none;
	}

}

	/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
	@media screen and (max-width:980px) {

		.cards{
			display: flex;
			flex-wrap: wrap;
			min-width: 600px;
			justify-content: space-around;

		}

		.card1, .card2, .card3 ,.card4{
			flex:0 1 calc(50% - 2em)
		}

	nav{
		display: none;
	}

	h3 > span {
		color: #00a7d1;

	}
	.options, .options1, .options2, .options3, .options4, .options5, .options6{
		display:flex;
		flex-wrap:wrap;
		padding:3em 0 3em 0;
		justify-content: center;
		margin: auto;
	}

	}



/* Mobile screen media query*/
@media screen and (max-width:500px){
    legend{
        font-size: 2.0em;
        font-weight: bold;
        color: #0094c7;
        padding: .2em;
    }
    fieldset{
        width: 80%;
        min-width: 320px;
				padding: .25em;
				height: auto;
        margin: auto;
    }
    .checks label ,[type="radio"]{
        display: inline-block;
        padding-top: .5em;
        margin-top: 0;
        margin-right:.5em ;
    }
    input[type="text"] , input[type="email"] ,input[type="tel"] ,textarea{
      box-shadow: rgba(0, 148, 199, 0.5) .5px 2px 5px;
    }
    label +input[type="radio"]{
      opacity: 0;
    }

		input[type="email"]{
			width: auto;
		}
		input[type="text"],input[type="tel"]{
	     width: auto;
	 		font-size: 1.375em;
	 }

	 .checks legend{
		 font-size: 1.5em;
	 }

		.cards {
			display: flex;
			justify-content: center;
      min-width: 240px;
			margin: auto;
    }

		.form_bkgrnd img{
			display: none;
		}


		.checks label {
		    margin-top: .125em;
		}
	.navbar{
			display:none;
		}



		.smallnav{
			background-color: black;
			position: absolute;
			z-index: 1000;
			top: 0;
			left:0;
			width: 100%;
			height: 75%;
			margin:auto;
		/*	overflow: hidden;*/
			display: flex;
			flex-flow: wrap;
			flex-direction: column-reverse;
			/*border:2px solid white;*/
			justify-content: center;
			text-align: center;
			opacity: .985;
			overflow: visible;


		/* Animate slide up and down */

		transform: translateY(-100%);
		transition: transform 0.2s ease;

		}

		.smallnav:target{
			transform: translateY(0);
		}

		.smallnav ul{
			margin: 0;
			padding: 0;
			font-size: 2.5rem;
			list-style-type:none;
			justify-content: flex-start;

		/*	border:2px solid white;*/
			width: 100%;




		/*	margin:1rem auto;*/
		/*	padding:1rem;*/

		}


		.smallnav a {
			display: block;
			color: gold;
			text-decoration: none;
			/*font-size: 1.5rem;*/
			font-weight: 600;
			padding: 0.5rem 1rem;

		}


		.smallnav a:focus{
			background-color: gold;
			color: black;
		}

		.smallnav a:hover {
			color: #00bff3;
			background-color: #d4af37;
		}

		.fa-solid:hover{

			color: #00bff3;
			background-color: none;
		}

		.hamburger, .close{
			font-size: 2.5rem;
			color: #00bff3;
		}

		.hamburger{
			display: block;
			background-color: black;
			padding: 15px;

		}

		.hamburger:hover{
			color:white;
		}

		.smallnav .close:hover{
			background-color: transparent;
		}

		.smallnav ul ul a{
			display: block;
			transition: all .04s;
			font-size: 1.2rem;
			width:100%;
			padding:.5rem 1rem;
			text-align: center;

		}
		.smallnav ul ul a{
			background-color:black;
		}

		.navtest{
			display: flex;
			align-items: center;
			justify-content: space-between;
			background-color: black;

		}

		.dropdown{
			position: relative;
		}

		.dropdown:hover  .dropdown-menu{
			display: block;
			transition: .03s;
		}

		.dropdown-menu{
			display: none;
		/*	position: absolute;*/
			z-index: 1000;
		}



		h3 > span {
			color: #00a7d1;

		}


		.options, .options1, .options2, .options3, .options4, .options5, .options6 {
			display:grid;
			grid-column: 1 ,1 ;
			padding: 3em;
			justify-content: center;
			margin: auto;
		}


		 .fieldset{
			 width:70%:
		 }


}