@import url('https://fonts.googleapis.com/css?family=Charm:400,700');

.appy-icon {
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.3);
    width: 128px;
    height: 128x;
    border-radius: 24px;
    margin-bottom: 24px;
}

.hero {
    background: #ff7400;
    background: -moz-linear-gradient(45deg, #ff7400 0%, #bf0059 100%);
    background: -webkit-linear-gradient(45deg, #ff7400 0%,#bf0059 100%);
    background: linear-gradient(45deg, #ff7400 0%,#bf0059 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7400', endColorstr='#bf0059',GradientType=1 );
    border-radius: 0;

    color:white;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

h1 {
    font-weight: 300;
}

.left-pane {
    background-color: white;
    padding: 20px;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.4);
    border-right: 1px solid rgba(0,0,0,0.1);
    background-color: whitesmoke;
    background-image: url(purty_wood.png);
}

section {
    padding: 48px 32px;
}

@media screen and (min-width: 768px) {
    .left-pane {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: 320px;

    }

    body {
        margin-left: 320px;
    }


}



.parallax-bg-section {
	height: 480px;
	background-attachment: fixed;
	background-size: cover;
	box-shadow: inset 0 0 24px rgba(0,0,0,0.4);
}

.jumbotron h1 {
    font-family: 'Charm', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#modus {
    background-image: url(./img/matite-colorate.jpg);
    background-position: center bottom;
	background-repeat:repeat-x;
    background-size: normal;
    padding-bottom: 600px;
}

.mobile-only {
    display:none;
}

@media screen and (max-width: 767px) {
    .parallax-bg-section {
        display:none;
    }

    .mobile-only {
        display: block;
    }
 
}