@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body{ background-color:#fff; }

.gfont{
font-family: 'Roboto', sans-serif;
font-weight: 400;
}

/*----------------------------------------------------------------------------------------------------------------------css_btn----------*/


.cssbtn {
display: inline-block;
height: 36px;
line-height: 36px;
text-align: center;
outline: none;
font-weight: bold;
}

.cssbtn::before,
.cssbtn::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}

.cssbtn,
.cssbtn::before,
.cssbtn::after {
-webkit-transition: all .3s;
transition: all .3s;
}


/*----------------------------------------------------------------------------------------------------------------------header----------*/


#header{
position:relative;
height:50px;
width:100%;
min-width:1080px;
background:url("../images/.png") no-repeat center center;
background-size:cover;
color:#fff;
}

#header h1{
padding-top:0px;
margin: 0 auto;	
background:url("../images/logo_bk.svg") no-repeat center top;
width: 300px;
height:136px;
}

#header h2{
margin-top:36px;
font-size:10px;
text-align:center;
letter-spacing:2px;
}

@media screen and (max-width:740px){

#header{ 
min-width:100%;
height:50px;
}

#header h1{
padding-top:130px;
width:230px;
height:50px;
margin:0 auto;
}

#header h2{
width:90%;
margin:20px auto 0;
font-size:8px;
}

}

/*----------------------------------------------------------------------------------------------------------------------#works----------*/

#gallery{
padding:0px 0 70px;
position:relative;
}

#gallery .inner{
width:70%;
margin:0 auto;
}

#gallery p{text-align: center;}

.fotorama-wrap{
padding:50px 20px 30px;
}


@media screen and (max-width:1024px){
	
#gallery .inner{ width:90%; }


}

@media screen and (max-width:740px){

#gallery{
padding:25px 0 40px;
position:relative;
}
	
.fotorama-wrap{
padding:0px 10px 30px;
}
	
#gallery .inner{ width:100%; }

}


/*----------------------------------------------------------------------------------------------------------------------#img_car----------*/

#img_car{
margin-top:0px;
background:url("../images/endroll_FERRARI_328_GTB_1989.jpg") no-repeat center center;
background-size:cover;
width:100%;
height:400px;
}

@media screen and (max-width:1024px){

#img_car{
height:430px;
}
	
}

@media screen and (max-width:740px){

#img_car{
height:300px;
}
	
}

/*----------------------------------------------------------------------------------------------------------------------cont----------*/


#cont{
width:100%;
min-width:1080px;	
background-color:#fff; 
}

#cont h2{ 
letter-spacing:4px;
font-size:18px;
}

#cont h3{ 
font-weight:bold;
margin-top:4px;
}

@media screen and (max-width:740px){

#cont{ min-width:100%; }

}

/*----------------------------------------------------------------------------------------------------------------------footer----------*/

#footer{ 
color:#000;
background-color:#f6ce39;
text-align:center;
font-size:12px;
padding:20px 0;
margin-top: 30px;
}

@media screen and (max-width:740px){

#footer{ font-size:11px; }

}

/*----------------------------------------------------------------------------------------------------------------------fixed_menu----------*/

.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding:12px 0 12px 60px;
background-color:#fff;
margin-top:0px !important;
z-index:100;
background-color: rgba(91,68,49,0.7);
-webkit-transform: translate3d(0,0,0);
}