@charset "utf-8";
 body {font-family: "Montserrat", sans-serif;
}
 h1,h2,h3,h4,h5,h6 { font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    max-width: 1300px;
    margin: 0 auto;
} 
.logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 37%;
    padding-top: 10px;
}
.main-content {
    max-width: 80%;
    margin: 0 auto;
}
.main-content {
    max-width: 80%;
    margin: 0 auto;
}
.main-content {
    max-width: 50%;
    margin: 0 auto;
}
.education {
    max-width: 50%;
    margin: 0 auto;
}
.intern {
    max-width: 78%;
    margin: 0 auto;
}
.disney {
    max-width: 78%;
    margin: 0 auto;
}
.malibu {
    max-width: 78%;
    margin: 0 auto;
}
.horror {
    max-width: 78%;
    margin: 0 auto;
}
.lombardia {
    max-width: 78%;
    margin: 0 auto;
}
.senzapensieri {
    max-width: 56%;
    margin: 0 auto;
    padding-bottom: 10px;
}
.quote {
    max-width: 70%;
    margin: 0 auto;
    padding-top: 35px;
}
.project1 {
    padding-top: 65px;

}
.title {
    padding-top: 100px;
    padding-bottom: 20px;
}
.about {
    padding-top: 65px;
}
.white {
    padding-top: 130px;
}
.introductionkira {
    max-width: 45%;
    margin: 0 auto;
}
.introductionbaliance {
    max-width: 56%;
    margin: 0 auto;
    padding-bottom: 10px;
}
.description {
    max-width: 45%;
    margin: 0 auto;
    padding-bottom: 10px;
}
@media only screen and (max-width: 600px) {
    .senzapensieri {
        max-width: 85%;
    }
}
@media only screen and (max-width: 600px) {
    .introductionkira {
        max-width: 85%;
    }
}
@media only screen and (max-width: 600px) {
    .description {
        max-width: 85%;
     }
}
@media only screen and (max-width: 600px) {
    .introductionbaliance {
        max-width: 85%;
    }
}
@media only screen and (max-width: 600px) {
    .main-content {
        max-width: 90%;
    }
}
@media only screen and (max-width: 600px) {
    .education {
        max-width: 85%;
    }
}
.bacolor1 {
    background-color:#66CC99;
    color: black;
}
.bacolor2 {
    background-color:#CCCC33;
    color: black;
}
.bacolor3 {
    background-color:  #99CC36;
    color: black;
}
.bacolor4 {
    background-color:  #33CCCC;
    color: black;
}
.bacolor5 {
    background-color:  #3399CC;
    color: black;
}
.primary-typeface {
    font-family: 'Dosis', sans-serif;
    font-weight: 200;
    line-height: 0.5em;
}
.secondary-typeface {
    font-family: 'Dosis', sans-serif;
    font-weight: 300;
    line-height: 0.5em;
}
.tertiary-typeface {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    line-height: 0.5em;
}
.kiracolor1 {
    background-color:  #000000;
    color: white;
}
.kiracolor2 {
    background-color:  #990000;
    color: black;

}
.spcolor1{
    background-color:  #336699;
    color: black;
}
.spcolor2 {
    background-color:  #99CCFF;
    color: black;
}
.spcolor3 {
    background-color:  #FFCC99;
    color: black;
}
.spcolor4 {
    background-color:  #663300;
    color: black;
}
.spcolor5 {
    background-color:  #CC9999;
    color: black;
}
.maincontent {
    max-width: 50%;
    margin: 0 auto;
}
.typeface1 {
    font-family: neuzeit-grotesk, sans-serif;
    font-weight: 300;
    font-style: normal;
    line-height: 0.5em;
}
.typeface-1 {
    font-family: neuzeit-grotesk, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 0.5em;
}
.typeface2 {
    font-family: pt-sans, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 0.5em;
}
.typeface3 {
    font-family: colt, serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1em;
    word-wrap: break-word;
}

@font-face {
    font-family: Avenir Next Condensed;
    src: url(../fonts/Avenir\ Next\ Condensed.ttc);
}

.typo1 {
    font-family: Avenir Next Condensed;
    font-weight: lighter;
    line-height: 0.5em;
    }

@font-face {
    font-family: Kohinoor ;
    src: url(../fonts/Kohinoor.ttc);
}
.typo2 {
    font-family: Kohinoor ;
    font-weight: bold;
    line-height: 0.5em;
}
.move {
    padding-top: 10px;
}
@media only screen and (max-width: 600px) {
    .maincontent {
        max-width: 95%;
    }
}
.type3 {
    line-height: 1em;
}

.introductiondrawings {
    max-width: 45%;
    margin: 0 auto;
}
.introductionsetdesign {
    max-width: 45%;
    margin: 0 auto;
}
.project4 {
    padding-top: 65px;
    padding-bottom: 20px;

}