/*!
 * Start Bootstrap - The Big Picture HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

body {
	font-family: 'Raleway', sans-serif;
  font-weight: 400;
	background: none;
  overflow: scroll-y;
}

p{
  font-size:16px;
}
h1{
	font-size: 114px;
  line-height: 100px;
  font-family: 'Raleway', sans-serif;
  font-weight: 100;
  margin-left: -9px;
  }
h2{
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #cdcdcd;
  margin-top: 0;
}
h3{
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 10px;
  text-transform: uppercase;
  color: #fff;
}
h3{
  margin-top: 40px;
}
h3.education{
   
    margin-top:50px;

}
h3.work{
   
    margin-top:60px;

}
h3.work:before{
    content: "";
    display: block;
    background: url("../img/WORK.png") no-repeat;
    width: 40px;
    height: 40px;
    float: left;
    margin: -24px 6px 0 0;

}
h3.education:before{
    content: "";
    display: block;
    background: url("../img/EDUCATION.png") no-repeat;
    width: 40px;
    height: 40px;
    float: left;
    margin: -24px 6px 0 0;

}
h4{
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
  color: #fff; 
}

hr.separator{
  display: block;
  border-top: 5px solid #fff;
  margin-top: 40px;
  margin-bottom: 40px;
}
.container{
  width: 100%;
}

.full {
  background: url("../img/home.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}


/*BARRA LATERALE*/
#text-wrap{
  min-height:100%;
  height: 100vh;
  background-color:#000;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background: rgba(0, 0, 0, 0.6);
  color:#efefef;
  border-left:8px solid RGBa(255,255,255,0.6);
  padding: 15px 60px 15px 60px;

}



@font-face {
    font-family: 'si';
    src: url('../fonts/socicon.eot');
    src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon.woff') format('woff'),
         url('../fonts/socicon.ttf') format('truetype'),
         url('../fonts/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../fonts/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 19px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-right: 8px;
    color: #ffffff;
    background-color: #7a7a7a;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-email1:before {
    content:'<';
}
.soc-linkedin:before {
    content:'j';
}
.soc-facebook:before {
    content:'b';
}
.soc-twitter:before {
    content:'a';
}
.soc-flickr:before {
    content:'v';
}
.soc-instagram:before {
    content:'x';
}
.soc-google:before {
    content:'c';
}


/*MEDIA QUERY*/
@media all and (min-width: 1024px) {
  .small-wrap{
    display: none;
  }


}
@media all and (max-width: 1280px) {
 

}
@media all and (max-width: 1024px) {
  h1{
  font-size: 80px;
  line-height: 70px;
  font-family: 'Raleway', sans-serif;
  font-weight: 100;
  margin-left: -9px;
  }
  
  #text-wrap{
  min-height:100%;
  height: 100%;
  background-color:#000;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background: rgba(0, 0, 0, 1);
  color:#efefef;
  border-left:none;
  }
  .immagine{
    max-height:40%;
  }

 
}
@media all and (max-width: 420px) {
  
}