body:not(.home) .site-title, .site-description, body:not(.home) .site-logo {
    visibility: hidden;
}

.entry-content {
    color: black;
} 

.site-header.fixed {
    position: relative !important;
}

.pg-18 .site-logo {
    display: none !important;
}

/*contact*/
.page-id-18 .title-post {
    display: none;
}

/*accueil*/
.page-id-15 .title-post {
    display: none;
}

/*services*/
.page-id-21 .title-post {
    display: none;
}

  
  .btn-menu,
  #mainnav{
    float: none;
    margin-left: auto;
    margin-right: auto;
    top: 500px;
  }
  

  #mainnav ul.menu{
    display: block;
    margin-left: 350px;
    margin-right: auto;
    top: 50px;
  }

.preloader {
      display: none;
}

  .site-title a, 
  .site-title a:hover{
    color: #000;
  }

.site-description {
color: #ffffff;
float: center;
} 

h6 {
font-size: 48px !important;
font-family: zendaregular !important;
font-weight: normal !important;
}

.container .entry-content p{ 
 font-weight: 900 !important;
}

@media only screen and (min-width:1025px){
  
  .site-header.float-header { 
  background-color: transparent;
  }
  
  .overlay {
  background: transparent;
  }

.header {
    background-color: transparent;
  }
  
 .site-title {
   font-size: 55px;
   left: 625px;
   position: relative;
   top: 315px;
   width: 73%;
   color: #000;
   font-family: teutonicregular !important;
  }
  
  .site-logo {
    left: 500px;
    position: relative;
    top: 300px;
    width: 125px;
  }
  
.page-id-18 .site-header{
  	position: relative;
	top: -75px;
    left: -30px;
	width: 100%;
	z-index: 2000;
    background-color: transparent;
  }

 .page-id-21 .site-header{
  	position: relative;
	top: -75px;
    left: -30px;
	width: 100%;
	z-index: 2000;
    background-color: transparent;
  }
  
 .home .site-header{
  	position: relative;
	top: -225px;
    left: -30px;
	width: 100%;
	z-index: 2000;
    background-color: transparent;
  }
  
 /*B image*/
 img.wp-image-33{
  top: 5px;
  left: -20px;
  position:relative;
  vertical-align: bottom;
  padding-right: -20px;
  }
  
      /*L image*/
  img.wp-image-34{
  top: 5px;
  left: -10px;
  position:relative;
  vertical-align: bottom;
  }

        /*S image*/
  img.wp-image-32{
  top: 0px;
  left: 0px;
  position:relative;
  vertical-align: bottom;
  }
  
  .page-id-15 .entry-content{
   margin-top: 60px;
 }
 .wpcf7 textarea {
   width:53%;
   height:150px;
   margin-bottom:5px;
   font-size:12px;
 }
  
.home #content,
.home {
    margin-left: 10px;
    margin-top: 20px;
  }
  
 .container {
     width: 960px;
  }

 .container .entry-content p{
    font-size: 35px;
  }  
  
.page-id-18 #content,
.page-id-18 {
    margin-left: 10px;
    margin-top: -130px;
  } 

.page-id-21 #content,
.page-id-21 {
    margin-left: 10px;
    margin-top: -130px;
  }
  
  .header-wrap .col-md-4.col-sm-8.col-xs-12,
  .header-wrap .col-md-8.col-sm-4.col-xs-12{
   float: none;
   width: 100%;
  }
  
  .header-wrap .col-md-4.col-sm-8.col-xs-12{
    text-align: center;
    left: -500px;
  }
  
   input.wpcf7-file{
   width: 90px;
   height: 30px;
   font-size: 12px !important;
   font-weight: 300;
  }
  
  input[type="file"]::-webkit-file-upload-button {
    color: black;
    font-size: 12px;
    font-weight: 300;
 }
}

@media only screen and (max-width:1024px){
  
  .btn-menu{
    display: none !important; 
  }
  
  #mainnav{
    display: block !important;
  }
}





/* ipad */
@media only screen and (max-width:1024px){
  .site-header.float-header { 
  background-color: transparent;
  }
  .overlay {
  background: transparent;
  }

.header {
    background-color: transparent;
  }
  
 /*B image*/
 img.wp-image-33{
  top: 10px;
  left: -20px;
  position:relative;
  vertical-align: bottom;
  padding-right: -20px;
  }
  
          /*S image*/
  img.wp-image-32{
  top: 0px;
  left: 0px;
  position:relative;
  vertical-align: bottom;
  }
  
      /*L image*/
  img.wp-image-34{
  top: 0px;
  left: -10px;
  position:relative;
  vertical-align: bottom;
  }
  
  .page-id-15 {
    font-size: 45px !important;
  }
  
   .site-title {
   font-size: 55px;
   left: 275px;
   position: relative;
   top: 55px;
   width: 100%;
   color: #000;
   font-family: teutonicregular !important;
  }
  
  .site-logo {
    left: 275px;
    text-align: center;
    position: relative;
    top: 40px;
    width: 125px;
  }
  
  .header-wrap .col-xs-12{
    width: 50.33333333%;  
  }

  .header-wrap .col-md-8{
    width: 80.66666667%;
    top: -325px;
    left: 275px;
  }
  
   .home .header-wrap .col-md-8{
    width: 80.66666667%;
    top: -318px;
    left: 267px;
  }

  #mainnav .sub-menu li a {
   text-align: left;
  }

  #mainnav ul.menu{
    display: block;
  }
  
  #mainnav ul li a {
    right: 320px;
  }    
  
  .wpcf7 textarea {
    width:53%;
    height:150px;
    margin-bottom:5px;
    font-size:11px;
  }
  .home #content,
  .home {
    margin-left: 30px;
    margin-top: 0px;
    font-size: 45px;
  }
  
  .container {
    width: 950px;
  }   
  
   .container .entry-content p{
    font-size: 35px;
  }  
  
  body.custom-background {
    background-image: url('http://traductionsduscribe.com/wp-content/uploads/2016/03/background-tablet.jpg') !important;  
  } 
  
 .page-id-18 #content,
 .page-id-18 {
    margin-left: 30px;
    margin-top: -140px;
  }
  
.page-id-18 .site-header{
  	position: relative;
	top: 190px;
    left: -30px;
	width: 100%;
	z-index: 2000;
    background-color: transparent;
  }

.home .site-header{
  	position: relative;
	top: 50px;
    left: -25px;
	width: 100%;
	z-index: 2000;
    background-color: transparent;
  }
  
   .page-id-21 .site-header{
  	position: relative;
	top: 210px;
    left: -25px;
	width: 100%;
	z-index: 2000;
    background-color: transparent;
  }
  
  .page-id-21 #content,
  .page-id-21 {
    margin-left: 30px;
    margin-top: -160px;
  }
  
   input.wpcf7-file{
   width: 90px;
   height: 30px;
   font-size: 12px !important;
   font-weight: 300;
  }
  
  input[type="file"]::-webkit-file-upload-button {
    color: black;
    font-size: 12px;
    font-weight: 300;
 }
}




/* iphone */
@media only screen and (min-width:300px) and (max-width:760px){
  .home  .site-header{
  	position: relative;
	top: 87px;
    left: -57px;
	width: 100%;
	z-index: 2000;
    background-color: transparent;
  }

  body.custom-background {
    background-image: url('http://traductionsduscribe.com/wp-content/uploads/2016/03/background-mobile.jpg') !important;
  }    
  
  .page-id-18 .site-header{
    position: relative;
	top: 65px;
    left: -95px;
	width: 100%;
	z-index: 2000;
    background-color: transparent;
  }
  
    .page-id-21 .site-header{
    position: relative;
	top: 100px;
    left: -65px;
	width: 100%;
	z-index: 2000;
    background-color: transparent;
  }
  
  /*B image*/
  img.wp-image-33{
  top: 0px;
  left: -25px;
  width: 40%;
  margin: -5px -55px -5px -5px !important;
  position:relative;
  vertical-align: bottom;
  }
  
    /*L image*/
  img.wp-image-34{
  top: 0px;
  left: -25px;
  width: 40%;
  margin: -5px -53px 0px -5px !important;
  position:relative;
  vertical-align: bottom;
  }
  
      /*S image*/
  img.wp-image-32{
  top: 0px;
  left: -27px;
  width: 30%;
  margin: -5px -50px 0px -5px !important;
  position:relative;
  vertical-align: bottom;
  }
  
  #mainnav ul li a {
  color: black;
  font-weight: bold;
  font-size: 60 px;
  top:85px;
  left:-565px;
  }
  
  .site-logo {
    left: 80px;
    position: relative;
    top: 30px;
    width: 60%;
  }
  
  .site-title {
    font-size: 50px;
    left: 95px;
    position: relative;
    top: 40px;
    width: 73%;
   }
  
  .page-id-18 .content-area {
    margin-left: -60px;
   }
  
  .home #content,
  .home {
    margin-left: 25px;
    margin-top: 0px;
  }  
  
  .page-id-21 #content,
  .page-id-21 {
    margin-left: 30px;
    margin-top: -190px;
  }  
  
   .page-id-18 #content,
   .page-id-18 {
    margin-left: 57px;
    margin-top: -140px;
  }
  
  .container {
    width: 230px;
  } 
  
   .page-id-18 .container {
    width: 200px;
  } 
  
  .container .entry-content p{
    font-size: 23px;
  }  
  
  .header-wrap .col-md-8{
    width: 100%;
    top: -150px;
    right: 418px;
  }
  
  .header-wrap .col-xs-12{
    width: 66.33333333%;  
  }
  
 .wpcf7 textarea {
   width:300px;
   height:100px;
   margin-bottom:5px;
   font-size:20px;
 }
  
  input[type="text"] {
   height: 30px;
   width: 300px;
   font-size:20px;
  } 
  
  .wpcf7-email {
    height: 30px;
    width: 300px;
    font-size: 20px;
  }
    
   input.wpcf7-file{
   width: 90px;
   height: 30px;
   font-size: 12px !important;
   font-weight: 300;
  }
  
  input[type="file"]::-webkit-file-upload-button {
    color: black;
    font-size: 12px;
    font-weight: 300;
 }
}