margin 0px padding 0px font-face font-family helveticaneuecyrthin src

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
*{
margin: 0px;
padding: 0px;
}
@font-face {
font-family: 'helveticaneuecyrthin';
src: url('helvetica/helveticaneuecyr-thin.eot');
src: url('helvetica/helveticaneuecyr-thin.eot?#iefix') format('embedded-opentype'),
url('helvetica/helveticaneuecyr-thin.woff2') format('woff2'),
url('helvetica/helveticaneuecyr-thin.woff') format('woff'),
url('helvetica/helveticaneuecyr-thin.ttf') format('truetype'),
url('helvetica/helveticaneuecyr-thin.svg#helveticaneuecyrthin') format('svg');
font-weight: normal;
font-style: normal;
}
.Main{
position: relative;
width: 1349px;
height: 100%;
}
.header{
height: 40px;
}
.M {
margin-left: 20%;
}
.logo{
margin-left: 15%;
}
.text{
text-align: center;
margin-top: 20px;
}
.hr{
border: none;
background-color: #00e1ff;
color: #00e1ff;
margin: 20px auto 0px;
height: 2px;
width: 70%;
}
.leading{
position: relative;
height: 437px;
background-image: url(img/max.jpg);
}
.hi{
position: absolute;
bottom: 40%;
left: 35%;
font-family: "helveticaneuecyrthin", sans-serif;
font-size: 40px;
}
.stick{
position: relative;
width: 100%;
height: 400px;
}
.cam {
position: absolute;
padding-top: 8%;
left: 25%;
}
.nut {
position: absolute;
padding-top: 8%;
left: 50%;
}
.foto {
position: absolute;
padding-top: 8%;
left: 75%;
}
.portfolio{
position: relative;
width: 100%;
height: 700px;
background-color: #f7f7f7;
}
.block3{
width: 100%;
height: 220px;
}
.portftext{
position: absolute;
font-family: "helveticaneuecyrthin", sans-serif;
font-size: 40px;
margin-top: 10%;
margin-left: 40%;
}
.presfoto{
position: absolute;
width: 100%;
float: left;
}
.pf1{
display: inline;
width: 269px;
height: 171px;
background-size: contain;
background: url(img/child.jpg) 100% 100% no-repeat;
}
.pf2{
display: inline;
width: 269px;
height: 171px;
background-size: contain;
background: url(img/wedding.jpg) 100% 100% no-repeat;
}
.pf3{
display: inline;
width: 269px;
height: 171px;
background-size: contain;
background: url(img/portrait.jpg) 100% 100% no-repeat;
}
.pf4{
display: inline;
width: 269px;
height: 171px;
background-size: contain;
background: url(img/family.jpg) 100% 100% no-repeat;
}
.pf5{
display: inline;
width: 269px;
height: 171px;
background-size: contain;
background: url(img/holiday.jpg) 100% 100% no-repeat;
}