body{
    margin:0px;
    background-color: Silver;
}


header{
    background-color: lavender;
    padding: 10px;
    color: olivedrab;
    text-align: center;
    font-family:"Comic Sans Ms", Aerial;
}
header p{
    color:hotpink;
}
nav{           /* For box*/
    overflow: hidden;
    background-color:darkgoldenrod;
    
}
nav a{  /*for text*/
                           
    float: left;
    color: lime;
    padding: 14px 13px 12px 11px;
    text-decoration:none;
}
nav a:hover{
    background-color: Aqua;
    color:red;
}
h1 {
    color: Dimgray;
}
p {
    color: brown;
}
.column{                       
                                 
    float:left;             
    padding:15px;          
}
.column.first{
    width:20%;
}

footer{
    clear: both;
    text-align:center;
}
div.gallery{    
    margin: 3px;
    border: 5px solid black;
    float: left; /*float le html ma vertical/column ma appear hune img/text lai top-left ma lyauxa*/
}
div.gallery:hover{
    border:5px solid red;

}
div.descrp{
    text-align:center;
    color:blue;
}
input[type=text], select, textarea{
    width:100%;
    padding:10px;
    margin-top:6px;
    margin-bottom:16px;
    resize:vertical;
    border:2px solid palevioletred;
    cursor:pointer;     
}
input[type=submit]{
    cursor:cell;
    border:2px solid red;
}
@media screen and (max-width: 917px){
    .column.first, .column.second, .column.third{
        width:100%;      
    }
    p{
        text-align:justify;  
    }
}