* {
    padding: 0px;
    margin: 0px;
}

#glavni{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

article {
    margin-bottom: 30px;
}


header{
    clear: both;
    text-align: center;
    
}


main{
    margin-left: auto;
    margin-top: 30px;
}

.prvi {
    float: right;
    width: 45%;
    
   

}

.drugi {
    float: left;
    width: 45%;
  
   
}

footer {
    clear: both;
    margin-left: auto;
}

@media only screen and (max-width: 600px) {
    body {
      background-color: floralwhite;
      margin: auto;
      width: 100%;
    }

    #glavni{
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
    }


    .prvi{
        width: 100%;
        float: none;
        
       
       
    }

    .drugi{
            width: 100%;
        float: none;
        
      
    }
  }