@charset "utf-8";
/* CSS Document */

/* user should be stopped */
* {
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.col-lg-3 h1, .lower {display: none;}
	.select {padding: 1rem;}
	.px5 {padding: 1rem 0rem;}
	#bfix {position: fixed; bottom: 0%; background-color: white !important; width: 100%; box-shadow: 0px -1px 10px 5px lightgray; padding: 1rem;}
	#bfix a {float: right;}
	#star {padding: 0rem 1rem;}
	#contact {display: block; margin: auto;}
	#co {padding: 2rem 0rem;}
	div.container-fluid {display: none;}
	#bott {display: none;}
	/*.head {margin-bottom: 5rem; font-weight: 600;}*/
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	#bott {display: none;}
	#color {width: 40%;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .tab-content {position: absolute; top: 50%; transform: translateY(-50%);}
	.col-md-9 {position: relative;}
	#contact {float: right;}
    /*.scroll {overflow: scroll;height: 20vh;}*/
    /*.scroll::-webkit-scrollbar {display: none;}*/
        .head, #bfix, #bottone {display: none;}
        .mh {height: 100vh; overflow: hidden;}
        .ha {height: 100%;}
        .p5 {padding: 3rem;}
        .px5 {padding: 0rem 3rem;}
	#bott {display: block;}
	#color {width: 100%;}

}