html{
min-height: 100%;
}
body{
background: #fff;  
min-height: 100%;
height: 100%;
position: relative;
}
.site{
background: #09a4e0;
width: 100%;
padding:90px 0 40px;
}
.site-in{
width: 976px;
margin: 0 auto;
}
h1{
font-weight: 600;
letter-spacing:2px;
font-size: 30px;
color: #222;
line-height: 1.3;
margin-bottom: 40px;
padding-left: 83px;
}

h1:first-letter {
    color: #226baf; /* Красный цвет первой буквы */
    font-weight:bold;
    font-size: 58px;
   }

.macbook{
margin: 0 auto;
width: 900px;
margin-bottom: 40px;
text-align:center;
}
.zag{
width: 810px;
margin: 0 auto;
overflow: hidden;
}
.left-col{
 
font-weight: 400;
font-size: 14px;
line-height: 1.4;
width: 395px;
float: left;
}
.right-col{
 
font-weight: 400;
font-size: 14px;
line-height: 1.4;
width: 395px;
float: left;
margin-left: 20px;
}
.zag h3{
color: #111;
 
font-weight: 700;
font-size: 21px;
line-height: 1.2;
}
.zag p{
color: #111;
 
font-weight: 400;
font-size: 14px;
line-height: 1.4;
}
.diz-mak{
width: 100%;
padding:40px 0;    
}
.diz-mak-in{
width: 976px;
margin: 0 auto;
}
.diz-mak-in .zag{
margin-bottom: 40px;
}
.diz-mak-in .zag h4{
color: #000;
 
font-weight: 400;
font-size: 21px;
line-height: 1.2;
letter-spacing: 1px;
margin-bottom: 10px;
}
.diz-mak-in .zag p{
color: #000;
font-family: 'PT Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
}
.diz-mak-in .zag p a{
color: #279bc3;
font-family: 'PT Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.4;
text-decoration: underline;    
}
.diz-mak-in .zag p a:hover{
 text-decoration: none;    
}