body{
	font-family:'Oswald', Arial;
	color:#fff;
	margin:0;
	padding:0;
	/*background:url(images/bg.jpg) top center no-repeat #000;*/
	background-color:#000;font-family:"Lato", Gadget, sans-serif;
}

div, p, ul, li, h1,h2,h3,h4,h5, input,select, textarea,img, *{ box-sizing:border-box; }
#contaner1,.div-holder, .div0, .overflow, .overflow2, .menu/**/{ display:none}
.overflow{top:-5%;left:-5%; bottom:0;transform: rotate(-20deg);height:200%; width:30%; position:fixed; z-index:0; border:4px solid #FF0;box-shadow:1px 1px 0px 2px #FFB400;}
.overflow2{right:-74%;top:-10%; height:200%; width:30%;display:none;background-color:#FFB400;bottom:0;transform: rotate(-20deg); position:fixed; z-index:0; display:block;border:4px solid #FF0;box-shadosddw:1px 1px 0px 2px #FFB400!important;}
#loader{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:100000; background-image:url(../images/blanc.png); display:none;}
#loader2{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:100000; background-image:url(../images/blanc.png); background-color:#000;}
#loadershower{width:90px; height:90px; font-weight:bold; color:#000; font-style:italic; font-weight:normal;;position:absolute; bottom:2%; left:2%; background-image:url(../images/d60eb1v-79212624-e842-4e55-8d58-4ac7514ca8e4.gif); background-position:center; background-size:30%; background-repeat:no-repeat; background-color:#FFB400; text-align:center; line-height:155px; font-size:12px; border-radius:0px; box-shadow:1px 1px 50px 15px #000; font-family:Tahoma, Geneva, sans-serif;}
#loadershower2{width:90px; height:90px; font-weight:bold; color:#000; font-style:italic; font-weight:normal;;position:absolute; bottom:2%; left:2%; background-image:url(../images/d60eb1v-79212624-e842-4e55-8d58-4ac7514ca8e4.gif); background-position:center; background-size:30%; background-repeat:no-repeat; background-color:#FFB400; text-align:center; line-height:155px; font-size:12px; border-radius:0px; box-shadow:1px 1px 50px 15px #000; font-family:Tahoma, Geneva, sans-serif;}
#loadershower img{ width:20px;;}
#loadershower2 img{ width:35px;;}
.overflow,.overflow2{background-color:#FFB400; background-image:url(../images/motif.png);}
.div0{top:0;bottom:0;height:100%; width:100%; position:fixed; z-index:1; text-align:center; }
.menu{position:fixed; right:1%;;  width:70px; height:100%; text-align:center; top:0; bottom:0; margin:auto; float:none;padding-top:10%; z-index:51;font-family:"Archivo Black", Gadget, sans-serif;}
.menu ul{ padding:0; margin:0; list-style:none; text-align:center; vertical-align:central; }
.menu li{ padding:0; box-shadow:1px 1px 0px 0px #1B1919; margin:5px; list-style:none; margin-bottom:30%;; font-size:17px;  display:inline-block; height:50px; min-width:50px; background-color:#333;color:#FFF; border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;  line-height:50px;vertical-align:central;}
.menu li:hover{ cursor:pointer; background-color:#FFB400; color:#000;border-radius:0px 25px 25px 0px;-moz-border-radius:0px 25px 25px 0px;-ms-border-radius:0px 25px 25px 0px;-ms-border-radius:0px 25px 25px 0px;-o-border-radius:0px 25px 25px 0px;-webkit-border-radius:0px 25px 25px 0px;
  transition: 0.9s;}
.menu li .textnoshown{ position:absolute; left:-270%; font-weight:bold; background-color:#FFB400; width:200px; padding-left:15px; border-radius:25px 0px 0px 25px;-moz-border-radius:25px 0px 0px 25px;-o-border-radius:25px 0px 0px 25px;-webkit-border-radius:25px 0px 0px 25px;-ms-border-radius:25px 0px 0px 25px;;color:#600; text-align:left; display:none;}
.logo-1{ padding:0px;border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-webkit-border-radius:0px;-o-border-radius:0px; margin-right:2%; width:55px;}
.default{background-color:#333;color:#FFF;}
.added{background-color:#FFB400!important;;color:#FFF!important; box-shadow:1px 1px 50px 1px #F90!important; border:0px solid #FC0!important;}

.div0-1{width:auto;margin-left:8%;text-align:center; display:inline-block; background:none;border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-webkit-border-radius:20px;-o-border-radius:20px; float:left; padding:1%;margin-top:7%;}
.div0-1 img{border-radius:2150px;-moz-border-radius:2150px;-webkit-border-radius:2150px;-o-border-radius:2150px;-ms-border-radius:2150px; width:350px;border:25px solid #000;}
.div0-2{ width:45%; margin-right:16%; height:80%;  text-align:left;  float:right; margin-top:10%;;}
.div0-1,.div0-2{display:inline-block; background-cdddolor:#FFF;  }
.enteteboss,.sousenteteboss{ color:#FFF;font-size:430%;text-transform:uppercase; font-family:"Archivo Black", Gadget, sans-serif; letter-spacing:1px;}
.enteteboss{ font-family:"Rubik Dirt", Gadget, sans-serif; }
.sousenteteboss{color:#FFB400;font-size:145%;letter-spacing:6.5px; width:100%; display:block; float:left; }
#regulor{ float:left; width:100%;}
.entetebossname{font-family:"Arial", Gadget, sans-serif;font-size:100%;text-transform:uppercase; color:#666; width:100%; float:none;}
#L1{ float:right;}
#L2{   float:left; }

#L1,#L2{height:auto;background-size:100%; display:inline-block;  padding:10px; border-radius:18px; padding-left:0;text-align:left; margin-top:15px; margin-bottom:15px;;}
#L1 img{ width:100%; float:left;}
#L2 img{ width:95%; float:left}
#L1{width:100%; /*background-color:#C30;*/ background-image:url(../images/L1.png); background-size:97%; background-repeat:no-repeat; background-position:left;}

#L2{width:40%;/*background-color:#F00;*/ display:none;}





.div0-2 p{font-family:"Arial", Gadget, sans-serif;font-size:110%;; color:#FFF; line-height:150%; letter-spacing:1px; text-shadow:1px 1px 1px #000; text-align:justify;;}
.button-01{ display:inline-block; font-size:15px; color:#FFF; text-decoration:none; font-weight:bold; border:2px solid #FFB400; border-radius:0px;font-family:"Arial Black", Gadget, sans-serif; padding-left:25px; text-transform:uppercase; overflow:hidden; margin-top:2%; margin-bottom:4%; background-color:#000;background-repeat:repeat-x; background-position:center; background-size:cover; }
.button-01 span{ float:left;padding:5px; line-height:30px}
.button-01 i{ float:right;background-color:#FFB400;border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-webkit-border-radius:0px;-o-border-radius:0px; font-size:17px; margin-left:15px; padding:13px;color:#600;  }
#space{display:inline-block; font-size:150%;; margin-right:2%; margin-top:-20px; margin-left:2%;border-left:1px solid #FFF;}
.div-holder{ background-color:#000; position:fixed; top:0; bottom:0; left:0; right:0; z-index:20; text-align:center; overflow:hidden;border-top:8px solid #FFB400;border-bottom:0px solid #FFB400;
}
.contaner{ width:100%; height:102%; /*width:100.9%; height:102.5%;*/ overflow:scroll; -webkit-overflow-x: hidden!important;position:absolute; left:0; right:0; top:0; bottom:0;background-image:url(../images/motif22.png);}
.div-holder #pmul{color:#2B2A2A; font-size:450%; padding:0; margin:0; margin-top:1.9%; text-transform:uppercase; letter-spacing:5px;font-family:"Archivo Black", Gadget, sans-serif;}
.div-holder-01{ width:85%; margin-left:auto; margin-right:auto; margin-top:0%;  ; position:absolute; left:0; right:0; z-index:21; background-image:url(../images/blanc.png); padding-left:10%; padding-right:10%;padding-top:5%;box-shadow:1px 1px 100px 0px #000; }
.title-h{ font-family:"Rubik Dirt", Gadget, sans-serif; text-align:center; font-size:380%; text-transform:uppercase; font-weight:bold; margin-bottom:8%; letter-spacing:2px;}
.title-h span{color:#FFB400}
.personal{ margin:0; padding:0; list-style:none; width:45%; float:left}
.personal li{ margin:0; padding:0; list-style:none; width:100%; margin-bottom:15px;text-align:left;}
.personal strong{text-transform:uppercase; color:#FFB400; font-size:90%;}
.overflow3{background-color:#FFB400;top:-5%;bottom:0;transform: rotate(-20deg);left:-5%; height:200%; width:30%; position:fixed; z-index:0;}




/*.title-h{ font-family:"Rubik Dirt", Gadget, sans-serif; text-align:center; font-size:380%; text-transform:uppercase; font-weight:bold; margin-bottom:3%; letter-spacing:1px; padding:0!important; background-color:#FFB400; border-radius:0px 0px 15px 15px ;}
.title-h span{color:#F00}
*/





.personal-01{ margin:0; padding:0; list-style:none; width:50%; display:inline-block; float:right;}
.personal-01 li{ margin:0; margin-right:0; padding:0; list-style:none; width:43%; margin-bottom:3px;border-radius:0px;; padding:0%; display:inline-block;   border:1px solid #FFB400; text-align:center; }




.top1{font-family:"Archivo Black", Gadget, sans-serif; font-size:380%;height:100px; width:100%; font-weight:bold; color:#FFB400;font-family:"Rubik Dirt", "Archivo Black", Gadget, sans-serif;}
.bott1{font-family:"Archivo Black", Gadget, sans-serif; font-size:90%; width:100%; font-weight:bold; color:#600; text-transform:uppercase; background-color:#FFB400; padding:4px;;}
.title-simple{ text-transform:uppercase; font-size:130%; color:#FFF;font-family:"Archivo Black", Gadget, sans-serif; margin-bottom:2%; border-bottom:1px dotted #999; padding-left: padding-bottom:0%;border-radius:0px; padding-left:15px;}


.title-simple2{ text-transform:uppercase; font-size:150%; color:#FFF;font-family:"Archivo Black", Gadget, sans-serif; margin-bottom:6%; border-bottom:0px dotted #999;:1%; text-align:left;}
.standard{ text-align:left
;}
.personal-02{ margin:0; padding:0; list-style:none; width:100%; display:inline-block;/* float:right*/;}
.personal-02 li{ margin:1%; margin-left:0;; padding:0; list-style:none; width:23.66%; margin-bottom:3px;border-radius:0px;; padding:0%; display:inline-block;   border:0px solid #FFB400; text-align:center; }

.personal-02 .top1{font-family:"Rubik Dirt", "Archivo Black", Gadget, sans-serif; font-size:380%;height:100px; width:100%; font-weight:bold; color:#000; background-color:#FC0}
.personal-02 .bott1{font-family:"Archivo Black", Gadget, sans-serif; font-size:100%; width:100%; font-weight:bold; color:#FFF; text-transform:uppercase; background-color:#630; ;}

.personal-03{ margin:0; padding:0; list-style:none; width:100%; display:inline-block;/* float:right*/;}
.personal-03 li{ margin:0%; margin-left:0;;  padding:0; list-style:none; width:50%; margin-bottom:3px;border-radius:0px;; padding:0%; display:inline-block;   border:0px solid #FFB400; text-align:center; }
.experience{ width:100%;  border-left:1px solid #FFB400; margin-left:auto; margin-right:auto; padding-bottom:3%;margin-bottom:10%;}
.experience-y{ background-color:#FFB400; font-weight:bold;; padding:2px; padding-left:10px;color:#600; width:180px; font-size:14px; text-transform:uppercase; text-align:center; margin-bottom:3%;;}
.experience-y i{ float:left; margin-top:2px; margin-left:-8px;}
.experience-t{  padding:2px; padding-left:10px;color:#FFF;font-weight:bold;text-transform:uppercase;
; width:100%; font-size:100%; text-align:left; margin-bottom:2%;;}
.specialcol, .specialcol2{color:#FFB400}
.specialcol2{ text-transform:uppercase;font-family:"Archivo Black", Gadget, sans-serif;}
#blogg .experience-y,#bloggg .experience-y{ width:100%; padding:0px!important;background:none;;}
#blogg .experience-y img, #bloggg .experience-y img{ border:10px solid #FFB400}
#blogg .experience-t, #bloggg .experience-t, .title-simple{font-family:"Archivo Black", Gadget, sans-serif; background-color:#FFB400; color:#600;background-image:url(../images/stripe_8c4834ed2943ea907c74eb744a5cc0e6.png);}
.experience-d{  padding:2px; padding-left:10px;color:#FFF; width:100%; font-size:100%; text-align:left; margin-bottom:1%;;}

.skills{width:100%; display:block!important; float:right;  margin-bottom:4%; margin-top:0%; text-align:center; padding-bottom:5%;  }
.title-div{ height:35px; line-height:35px; position:absolute; top:0%; left:0%;right:0; width:auto; background-color:#FC0;color:#600; font-size:120%; padding-left:15px; padding-right:15px; z-index:22; box-shadow:5px 5px 10px 2px #000; font-style:normal; text-transform:uppercase;font-family:"Rubik Dirt", Gadget, sans-serif; display:none;}
.formlabel100{}
.formlabel50{ width:49.5%; display:inline-block;margin-bottom:1%}
.formlabel501{ width:49.5%; display:inline-block;margin-bottom:1%; float:left;}
.formlabel502{ width:49.5%; display:inline-block;margin-bottom:1%; float:right;}
.formlabel100{ width:100%; display:inline-block; margin-bottom:1%}
.formlabel50 input,.formlabel100 input,.formlabel50 select,.formlabel100 select,.formlabel50 textarea,.formlabel100 textarea,
.formlabel501 input,.formlabel100 input,.formlabel501 select,.formlabel100 select,.formlabel501 textarea,.formlabel100 textarea,.formlabel502 input,.formlabel100 input,.formlabel502 select,.formlabel100 select,.formlabel502 textarea,.formlabel100 textarea{ width:100%; padding:20px; padding-top:15px; padding-bottom:15px;; background-color:#252525; border-radius:0px; border:0px solid #CCC;color:#FC0; font-weight:normal!important;; max-width:100%;font-family:"Lato", Gadget, sans-serif; font-size:120%; outline: none; margin:0!important;transition: 0.9s;}
.surname{ width:100%; font-size:90%;color:#333; text-align:center;
padding:8px; text-transform:uppercase; background-color:#FFB400; margin-left:auto; margin-right:auto; padding-bottom:3px; padding-top:3px;}
.surname i{ float:left; margin-left:10px; }
.messageparametre{width:100%; background-color:#252525; display:none; padding:0px; }
.messageparametre input, .messageparametre select , .messageparametre textarea{font-size:100%; }
.messageparametre ::placeholder {
  color: red;;
}*


*:focus {
    outline: none;
}
/*::-webkit-input-placeholder { 
  color: red;font-size:60%;
}

:-ms-input-placeholder { // Internet Explorer 10-11 
  color: red;font-size:60%;
}

::placeholder {
  color: red;font-size:60%;
}*/
textarea:focus, input:focus, select:focus,textarea:hover, input:hover, select:hover,.formlabel100:hover, .formlabel50:hover{ border:0px solid #FFB400!important;; background-color:#FFB400;color:#FFF;;transition: 0.9s;}
.skills a{ text-decoration:none;}
#youtube{ color:#F00;}
#facebook{ color:#36F;}
#twitter{ color:#3CF;}
#sound{ color:#F60;}
#spotify{ color:#0C3;}
#instagram{ color:#F30;}
#youtube{ color:#F30;}
#youtube{ color:#F30;}
#youtube{ color:#F30;}
#personal-033{ padding:0; margin:0;}
#personal-033 li{   overflow:hidden;  width:48%; margin:1%; text-align:center; }
#personal-033 li:last-child{ margin-left:0px;}
.reader{ position:fixed; left:0%; right:0%; top:1%; width:60%; height:96%; margin:auto; border-radius:0px; overflow:hidden;; background-color:#333; box-shadow:1px 1px 55px 1px #333; z-index:33;border:0px solid #FFB400; display:none;}
.reader-til{ background-color:#FFB400; padding:10px; text-align:center; font-size:130%;color:#600;font-family:"Rubik Dirt", Gadget, sans-serif; }
.tarif{ text-align:left!important;; width:80%; margin-top:3%; height:99%; overflow:scroll; margin-left:auto; margin-right:auto;display:none; padding-bottom:19%; display:none;}
.closer{ float:right; color:#F00; cursor:pointer; }
.tarif img{ float:right; width:40%; border:8px solid #FFB400; margin-left:10px;}
#unikprice span{ color:#FFB400; font-weight:normal;}
#personal-033 li .button-01{ vertical-align:bottom; }
#personal-033 li:hover{ background-color:#333;}
#blogg  .experience{height:800px;;}
#bloggg  .experience{height:auto;;}
.good{ background-color:#090;  border:1px solid #3F0;box-shadow:1px 1px 55px 1px #3C0;}
.bad{  background-color:#F00;  border:1px solid #F60;box-shadow:1px 1px 55px 1px #F00;}
.badi{ font-size:12px; color:#666}
.accueil{ width:100%;  display:none;padding:4px; padding-left:0; padding-right:0;}
.good,.bad{ text-align:center; width:100%; padding:15px;color:#FFF; font-size:100%;font-family:"Lato", Gadget, sans-serif; text-transform:uppercase; font-weight:normal;;}
.good .close,.bad .close{ float:right; color:#060; cursor:pointer}
.contaner a:hover{transition: 0.8s;color:#FFB400}
.button-01:hover, .button-01 a:hover{ background-color:#FFB400;color:#600!important; transition: 0.9s;box-shadow:0px 0px 0px 10px #483302;}
.radiose{ display:none;}
.radiose-rr,.radiose-r{ display:inline-block; width:auto;font-weight:bold; padding:4px; padding-left:10px; padding-right:10px; font-size:12px; text-transform:uppercase; font-family:Tahoma, Geneva, sans-serif; border:3px solid #FFF;margin:10px;cursor:pointer;border-radius:3px;transition: 0.9s; }

.radiose-r{color:#600; background-color:#FFF; ;}
.radiose-rr{color:#FFF; background-color:#F00; ;}
.radiose-r:hover{ background-color: #F00; border:3px solid #F00;box-shadow:1px 1px 55px 1px #F00;;color:#FFF; }

.messageparametre .formlabel100{border:2px solid #FFB400!important}
#platforme{ padding:20px; background-color:#FFB400; color:#600; text-align:left; border-top:4px solid #F60; display:none;}
#platforme strong{ font-weight:bold; font-size:120%;}
#plateid { margin-bottom:10px; display:none;}






@media (max-width: 700px){.div0-2 p{ text-align:center;}
	#blogg  .experience{height:auto;;}
	#L1,#L2{ width:100%; float:none; text-align:center; margin-left:auto; margin-right:auto; margin-top:2px; margin-bottom:2px; 
	}.title-simple{ margin-bottom:8%}
.tarif img{ float:none; width:100%; margin-bottom:2%;margin-left:0px; border:0px solid #FFB400; }
.reader{ width:98%; height:90%; margin-top:1%; padding-bottom:20px;}	.formlabel50{ width:100%;}.skills{width:100%; display:block;  margin-bottom:8%; margin-top:8%; padding-bottom:15%}
.personal-02 { margin:0; display:block;}


#loadershower{width:150px; height:150px; padding:0;; bottom:0; left:0; top:0; right:0; right:0; margin:auto; background-position:center;  line-height:260px; text-align:center; background-size:20%; background-repeat:no-repeat;  padding-left:0px;  border-radius:0px; padding:0; letter-spacing:3px;}


.top1{font-size:340%!important;; display:block; height:auto;}
.title-h{font-size:280%!important;; display:block; height:auto; letter-spacing:0px;;}
.bott1{font-size:80%!important;;}

.personal-01,.personal,.personal-03,#personal-033 li{ width:100%; float:none; display:inline-block;}
.div-holder-01{ width:100%; float:none;}
.personal-01 li,.personal-02 li, .personal-03 li, .personal-03 li{ width:48%;  display:inline-block; margin-left:auto; margin-right:auto; margin-bottom:1%!important; margin-top:0}
.personal-03 li, .personal li{ width:100%; }
.personal-03, .personal-03 li, .experience{ width:100%; margin-left:0; margin-right:0;}
	#space{ display:none;}
	.logo-1{ width:50px; display:block; margin:0; text-align:center; margin-left:auto; margin-right:auto; margin-top:2%; margin-bottom:2%;}
	.button-01{  border-radius:4px; width:auto!important;; display:inline-block; padding-left:10px;}
	.menu{width:105%; top:auto!important; bottom:0!important;padding:0!important; height:60px; line-height:60px; ; margin:0; margin-right:-4px;; background-color:#282828;;  }
	.enteteboss{ font-size:180%; font-weight:bold;}
	.sousenteteboss{font-size:70%;font-weight:normal; letter-spacing:4px;}
	.entetebossname{font-size:70%;}
	.div0-1, .div0-2{ background:none; float:none; margin:0; width:87%; text-align:center;}
	.div0-1 { margin-top:5%;}
	.div0-2{ margin-top:5%; }
	.div0-1 img{ width:45%; border-radius:220px; border:12px solid #FFB400;}
	.div0-2 p{ font-size:90%;}
	.menu li {border-radius:40px!important;}
	 .menu li .textnoshown{ display:none;}
	.overflow2{ display:block;}
	.overflow{ left:-16%;}
	
	
	
}
@media (min-width: 701px) and (max-width: 835px) {
	
;}
@media (min-width: 701px) and (max-width: 835px) {
	.logo-1,#space{ display:none;}
	.button-01{  border-radius:4px; }
	.menu{width:105%; top:auto!important; bottom:0!important;padding:0!important; height:60px; line-height:60px; ; margin:0; margin-right:-4px;; background-color:#282828;;  }
	.enteteboss{ font-size:180%; font-weight:bold;}
	.sousenteteboss{font-size:70%!important;;font-weight:normal;}
	.entetebossname{font-size:70%!important;;}
	.div0-1, .div0-2{ background:none; float:none; margin:0; width:87%; text-align:center;}
	.div0-1 { margin-top:5%;}
	.div0-2{ margin-top:5%; }
	.div0-1 img{ width:25%!important;; border-radius:220px; border:8px solid #FFB400;}
	.div0-2 p{ font-size:90%;}
	.menu li {border-radius:40px!important;}
	 .menu li .textnoshown{ display:none;}
	.overflow2{ display:block;}
	.overflow{ left:-12%;}
;}
@media (min-width: 836px) and (max-width: 1377px) {
	.div0-1{ margin-left:4%;}
	.enteteboss,.sousenteteboss{ font-size:300%;}
.sousenteteboss{color:#FFB400;font-size:100%; }
	.div0-1 img{ width:280px;}
	.div0-2{ width:45%; margin-right:9%}
	.entetebossname{ font-size:90%;}
	.logo-1{ width:35px;}
}
/*@media screen and (orientation:landscape) {*/
	
	@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
.div0-1{ margin-left:-3%!important; float:left; width:30%; ;}
.div0-2{ float:right; margin-right:4%; }

	.enteteboss{ font-size:150%!important; letter-spacing:8px;font-family:"Archivo Black", Gadget, sans-serif;;}
.sousenteteboss{color:#FFB400;font-size:60%; }
	.div0-1 img{ width:170px!important;;}
	.div0-2{ width:68%!important;; margin-right:4%; margin-top:1%; text-align:left}
	.entetebossname{ font-size:90%;}
	.logo-1{ width:20px;}
	.menu{ height:30px; line-height:28px;}
	.menu li{ height:25px; width:25px; font-size:12px; line-height:24px;}
	.overflow2{right:-80%;top:-58%; height:200%; width:80%; display:block; }
}
@media (min-width: 540px) and (max-width: 673px) and (min-height: 674px) and (max-height: 728px) {
	.div0-1 img{ width:180px; border:10px solid #FFB400;box-shadow:0px 0px 0px 5px #FF0;}
	.logo-1{ display:none;}
	
	.overflow2{ display:block;right:-50%;top:-5%;box-shadow:none!important;;}
	.overflow{ left:-16%;top:50%; height:50%; box-shadow:none!important; border:4px solid #FF0; }
	.div0-2{ width:70%; font-size:120%; margin-left:auto; margin-right:auto; float:none;}
	
}
@media (min-width: 678px) and (max-width: 767px) and (min-height: 436px) and (max-height: 735px) {
	.div0-1{ width:100%; margin:0; display:block;}
	.logo-1{ display:none;}
	
	.div0-2{ width:60%; font-size:120%; margin-left:auto; margin-right:auto; float:none;}
	
}

@media (min-width: 771px) and (max-width: 860px) {
	.div0-1{ width:100%; margin:0; display:block;}
	.logo-1{ display:none;}
	.div-holder-01{ width:100%; padding-left:5%; padding-right:5%;}.formlabel50{ width:100%; display:inline-block;margin-bottom:1%}
	/*.button-01{  border-radius:4px; width:auto; width:auto; display:inline-block;}*/
	.div0-2{ width:60%; font-size:120%; margin-left:auto; margin-right:auto; float:none;}
	
}
@media (min-width: 700px) and (max-width: 860px) {
	.div-holder-01{ width:100%; padding-left:5%; padding-right:5%;}.formlabel50{ width:100%; display:inline-block;margin-bottom:1%}
}
 /* width */
::-webkit-scrollbar {
  width: 6px;
  
  background: #000;
  height:0px;
  
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #FFB400;
  border-radius: 0px;
} 


#google_translate_element, .google_translate_element{ position:fixed; top:0; left:0; right:0; margin:auto; z-index:400000!important; text-align:center;; ;}

@media (orientation: landscape) {
   
#L1{width:100%; /*background-color:#C30;*/ background-image:url(../images/L1.png); background-size:97%; background-repeat:no-repeat; background-position:left;}
.div0{ overflow:scroll}/*
.div-holder-01{ width:100%; float:none!important; padding-right:15%;}
.textnoshown{ display:none!important; visibility:hidden; border-radius:50px; }
.menu{position:fixed; right:0%;;  width:70px; height:100%; text-align:center; top:0; bottom:0; margin:auto; float:none;padding-top:10%; z-index:51;font-family:"Archivo Black", Gadget, sans-serif; }
.menu li{ padding:0; box-shadow:1px 1px 0px 0px #1B1919; margin:4px; list-style:none; margin-bottom:30%;; font-size:17px;  display:inline-block; height:50px; min-width:50px; background-color:#333;color:#FFF; border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;  line-height:50px;vertical-align:central;}.button-01{  border-radius:4px;  width:280!important;;; display:inline-block!important;; padding-left:10px;}#blogg  .experience{height:980px;;}
.div0-2{ padding-right:10%;}
	.div0-1 img{ width:45%; border-radius:220px; border:12px solid #000; ;}
*/


}