*{
    margin: 0;
    padding: 0;
}
img{
    max-width: 100%;
}
.header{
    background-color: blue;
    color: white;
    text-align: center;
   padding: 20px;
}
.images {
    display: flex;
}
.photo1{
    margin-top: 5px ;
    margin-bottom: 15px; 
}
.photo1 img{
width:100% !important;
}
.photo2{
    display: flex;
    width: 980px;
}
.photo21{
    margin-right: 10px;
    padding-left: 8;
}
.photo3{
    display: flex;
    width: 980px;
}
.photo3 img{
    width: 980px !important;
}
.photo31{
margin-right: 10px;
}
.photo32{
margin-right: 10px;
}
.photo33{
    margin-right: 10px;
   }
.photo21 img{
    width:590px;
    height:300px;
}
.photo22 img{
height:300px;
width:390px;
}
.photo1 img{
    height:275px ;
    width: 860px;
}
.container{
    width:980px;
    margin: 0 auto;
}











/* .tesnim:hover{
   text-decoration: underline;
} */