body,html{
  width:100% !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
}

h1,h2,h3,h4{
  font-family: 'Ubuntu', cursive !important;
}

h4{ font-weight: 900 !important; }


    .social li a i{
      font-size: 36px;
      border: none;
      color: white !important;
    }

    .text-social {
      display:inline-block;
      padding-top:0px !important;
      margin-right:0 !important;
      line-height:36px;
      font-weight:900;
      margin-right:34px !important;
    }

    .social {
      margin-right: 62px;
    }

    .list-footer {
      list-style:none;
      float:right;
    }

    .list-footer li {
      line-height: 28px;
    }
 .hs-form .hs-button {
      color: black !important;
      background: #F1EB6C!important;
      margin-bottom: 10px !important;
      margin-right: 4px !important;
      padding: 11px 20px 10px 20px !important;
      font-weight: 500 !important;
      font-size: 18px !important;
      text-shadow: none !important;
      border: none !important;
      -webkit-border-radius: 10px !important;
      border-radius: 10px !important;
      text-transform: uppercase !important;
      -webkit-transition: all 200ms ease-in !important;
      -o-transition: all 200ms ease-in !important;
      -moz-transition: all 200ms ease-in !important;
      -webkit-box-shadow: 2px 3px 10px 0px #ddd !important;
      -moz-box-shadow: 2px 3px 10px 0px #ddd !important;
      box-shadow: 2px 3px 10px 0px #ddd !important;
      display: inline-block !important;
  }
   .hs-button{
     width: 100% !important;
   }


	.body-wrapper{
		width:100% !important;
		height:100% !important;
	}

.msgbanner{width:46%;padding: 8% 0 0 0;}

.header_area{
		width:100% !important;
		/*height:100% !important;*/
    background-color: #fff !important;
		background-repeat: no-repeat;
		background-position:  bottom center !important;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
		background: url("../Joymemes_files/header.png")  no-repeat;
	}

	.element-banner{
		position:relative; bottom:0;  z-index:50; width:100%;
	}

	.navbar-brand img{
		height:40px !important;
	}


    .footer p{
      padding-top: 25px;
      margin-right: 30px;
      font-size: 20px !important;
      color: white;
    }

    .footer .navbar-nav > li > a {
      padding: 30px 10px
    }

    .footer .navbar-nav {
      float: right;
    }

    .footer .link-header{
      font-size: 20px !important;
      color: white !important;
    }

    .link-header {
      font-size: 25px !important;
      text-transform: none !important;
      color: white !important;
    }

  	.link-header:hover{
  		color:#313334 !important;
  	}


	.navbar.fixed .navbar-brand img{
		height: 40px !important;
	}

	.navbar-header{
		background: none;
	}

	.navbar.fixed .navbar-header{
		background: url("../Joymemes_files/header.jpg");
		background-position: center center;
		padding: 10px 0 25px 0;
	}

	.navbar.fixed .navbar-nav > li > a{
		padding:22px 14px 0 14px;
	}

	.text-resume{
		font-size:140%; color:#fff; line-height:38px; /*padding:0 0 0 13%;*/ font-weight: 400;
	}

	.text-title{
		font-size:250%; color:#fff; line-height:120%; padding:10% 0 0 0;/*padding:10% 0 2% 13%; */font-weight: 700;
	}

	.area-full{
		width:100%; background:#fff; position: relative; z-index:200;
	}

  @media (min-width: 1400px) {

    .imgbanner{
      height: 800px !important;
      width: auto !important;
    }
  }

  .light-wrapper{
    background: #fff; margin: 0;
  }

  .form-group {
    margin-bottom: 35px;
  }

  .img80{
    width: 80% !important;
  }


      .col-wrapper h4{
        font-size: 28px;
        line-height: 35px;
        font-weight: lighter;
      }

      .col-wrapper p{
        font-size: 28px;
        line-height: 35px;
        font-weight: lighter;
      }



    .text-line{
      display: block; padding: 0 0 5px 0;
    }

	@media (max-width: 767px) {


        .boxElement{
          display: flex;
          flex-direction: column;
        }
        .boxElement img{
          margin: 0 !important;
	  width: 100%;
        }

      .text-line{
        display: inline; padding: 0 0 0 0;
      }


		.navbar.fixed .navbar-header, .navbar .navbar-header{
			background:none;
		}

    .img80{
      width: 100% !important;
    }

		.navbar-brand img{
			height:35px !important;
		}

		.navbar .navbar-brand, .navbar.fixed .navbar-brand{
			padding-top:20px;
		}

    .msgbanner{width:62%;}

    .header_area{
  		background: url("../Joymemes_files/header2.png")  no-repeat;
  	}

		.text-resume{
			font-size:15px;  line-height:18px;  padding:0 2% 0 15px;
		}

		.text-title{
			font-size:25px; line-height:35px; padding:10% 0 0 15px;
		}

		.area-picture{
			text-align: center;
      margin:0 !important;
		}


    .element-banner .col-xs-12{
      padding: 0 !important;
    }
    .content-text-middle {
      padding: 3% 10px;
    }
    .content-text-middle2 {
      order:2;
      text-align: left !important;
      padding: 0 3%;
    }
    .content-text-middle3 {
      padding: 0 3%;
    }

    .text-social {
      text-align: center;
      display: block;
      margin-right: 0 !important;
    }
	}